:root{--primary: #6366f1;--primary-hover: #5558e3;--primary-light: #eef2ff;--secondary: #8b5cf6;--secondary-hover: #7c3aed;--success: #10b981;--success-hover: #059669;--success-light: #f0fdf4;--success-border: #bbf7d0;--warning: #f59e0b;--warning-hover: #e88306;--warning-light: #fef3c7;--warning-border: #fde68a;--error: #dc2626;--error-hover: #b91c1c;--error-light: #fef2f2;--error-border: #fecaca;--info: #0ea5e9;--info-hover: #0284c7;--info-light: #f0f9ff;--info-border: #bae6fd;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--bg-gradient: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);--bg-card: var(--white);--bg-page: var(--gray-50);--bg-header: linear-gradient(to right, #4f46e5, #7c3aed);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-muted: var(--gray-500);--text-light: var(--gray-400);--text-white: var(--white);--border: var(--gray-200);--border-light: var(--gray-100);--border-focus: var(--primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-modal: 1050;--z-tooltip: 1100}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-page)}.min-h-screen{min-height:100vh}.bg-gradient{background:var(--bg-gradient)}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-0{margin:0}.m-4{margin:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.border{border:1px solid var(--border)}.border-light{border:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border)}.border-b-2{border-bottom:2px solid var(--border)}.border-t{border-top:1px solid var(--border)}.transition{transition:var(--transition-fast)}.transition-all{transition:all var(--transition-fast)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.btn-primary{background-color:var(--primary);color:var(--text-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;font-weight:500;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background-color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:var(--gray-100);color:var(--text-secondary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border);font-weight:500;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-secondary:hover{background-color:var(--gray-200);border-color:var(--gray-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{background-color:var(--gray-100);color:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background-color:var(--success);color:var(--text-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;font-weight:500;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background-color:var(--error);color:var(--text-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;font-weight:500;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-error:hover{background-color:var(--error-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--primary);font-weight:500;cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-outline:hover{background-color:var(--primary);color:var(--text-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);transition:var(--transition-fast)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.form-input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-fast);background-color:var(--white);color:var(--text-primary);width:100%}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{background-color:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px #dc26261a}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-error{color:var(--error);font-size:var(--text-xs);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid}.badge-success{background-color:var(--success-light);color:var(--success);border-color:var(--success-border)}.badge-warning{background-color:var(--warning-light);color:var(--warning);border-color:var(--warning-border)}.badge-error{background-color:var(--error-light);color:var(--error);border-color:var(--error-border)}.badge-info{background-color:var(--info-light);color:var(--info);border-color:var(--info-border)}.badge-gray{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.container{width:100%;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:var(--space-4);padding-right:var(--space-4)}.flex-1{flex:1 1 0%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-bg-white:hover{background-color:var(--white)}.bg-gradient-to-r{background:var(--bg-header)}.rounded-3xl{border-radius:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.help-tip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--primary);color:var(--text-white);font-size:var(--text-xs);cursor:help;margin-left:var(--space-1);position:relative;transition:var(--transition-fast)}.help-tip:hover{background:var(--primary-hover);transform:scale(1.1)}.help-tip:hover:after{content:attr(data-help);position:absolute;bottom:25px;background:var(--gray-800);color:var(--text-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);white-space:normal;width:250px;font-size:.85rem;z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-fast);left:50%;transform:translate(-50%)}.help-tip:hover:before{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--gray-800);z-index:calc(var(--z-tooltip) + 1)}.help-tip.edge-right:hover:after{left:auto!important;right:-230px!important;transform:none!important}.help-tip.edge-left:hover:after{left:30px!important;right:auto!important;transform:none!important}.help-tip.edge-top:hover:after{bottom:auto;top:25px}.help-tip.edge-top:hover:before{bottom:auto;top:20px;border-top:5px solid transparent;border-bottom:5px solid var(--gray-800)}.help-tip.edge-right:hover:before{left:auto!important;right:-5px!important;transform:none!important}.help-tip.edge-left:hover:before{left:15px!important;right:auto!important;transform:none!important}