:root{--primary: #0097A7;--primary-dark: #00695C;--primary-light: #26C6DA;--primary-gradient: linear-gradient(135deg, #0097A7 0%, #00695C 100%);--secondary: #00695C;--tertiary: #26C6DA;--quaternary: #0097A7;--success: #66BB6A;--success-light: #d1fae5;--warning: #FFA726;--warning-light: #fef3c7;--error: #EF5350;--error-light: #fee2e2;--info: #26C6DA;--info-light: #cffafe}.theme-emerald{--primary: #10b981;--primary-dark: #059669;--primary-light: #6ee7b7;--primary-gradient: linear-gradient(135deg, #10b981 0%, #047857 100%);--secondary: #06b6d4;--tertiary: #8b5cf6;--quaternary: #f59e0b;--surface-2: #f0fdf4}.theme-emerald.dark-theme{--primary: #34d399;--primary-dark: #10b981;--primary-light: #6ee7b7;--primary-gradient: linear-gradient(135deg, #34d399 0%, #10b981 100%);--secondary: #22d3ee;--tertiary: #a78bfa;--quaternary: #fbbf24}.theme-purple{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--secondary: #ec4899;--tertiary: #06b6d4;--quaternary: #f59e0b;--surface-2: #faf5ff}.theme-purple.dark-theme{--primary: #a78bfa;--primary-dark: #8b5cf6;--primary-light: #c4b5fd;--primary-gradient: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--secondary: #f472b6;--tertiary: #22d3ee;--quaternary: #fbbf24}.theme-orange{--primary: #f97316;--primary-dark: #ea580c;--primary-light: #fdba74;--primary-gradient: linear-gradient(135deg, #f97316 0%, #dc2626 100%);--secondary: #ec4899;--tertiary: #8b5cf6;--quaternary: #10b981}.theme-orange.dark-theme{--primary: #fb923c;--primary-dark: #f97316;--primary-light: #fdba74;--primary-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 100%);--secondary: #f472b6;--tertiary: #a78bfa;--quaternary: #34d399}.theme-blue{--primary: #0ea5e9;--primary-dark: #0284c7;--primary-light: #7dd3fc;--primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #0369a1 100%);--secondary: #06b6d4;--tertiary: #10b981;--quaternary: #8b5cf6}.theme-blue.dark-theme{--primary: #38bdf8;--primary-dark: #0ea5e9;--primary-light: #7dd3fc;--primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);--secondary: #22d3ee;--tertiary: #34d399;--quaternary: #a78bfa}.theme-rose{--primary: #f43f5e;--primary-dark: #e11d48;--primary-light: #fda4af;--primary-gradient: linear-gradient(135deg, #f43f5e 0%, #be123c 100%);--secondary: #ec4899;--tertiary: #f97316;--quaternary: #8b5cf6}.theme-rose.dark-theme{--primary: #fb7185;--primary-dark: #f43f5e;--primary-light: #fda4af;--primary-gradient: linear-gradient(135deg, #fb7185 0%, #f43f5e 100%);--secondary: #f472b6;--tertiary: #fb923c;--quaternary: #a78bfa}.theme-green{--primary: #16a34a;--primary-dark: #15803d;--primary-light: #86efac;--primary-gradient: linear-gradient(135deg, #16a34a 0%, #166534 100%);--secondary: #059669;--tertiary: #0ea5e9;--quaternary: #f59e0b}.theme-green.dark-theme{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #86efac;--primary-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--secondary: #10b981;--tertiary: #38bdf8;--quaternary: #fbbf24}:root{--surface: #ffffff;--surface-2: #F5F7F9;--surface-3: #E8EDEF;--surface-4: #D6DDE1;--text-primary: #263238;--text-secondary: #546E7A;--text-muted: #90A4AE;--text-inverse: #ffffff;--border: #CFD8DC;--border-light: #ECEFF1;--border-focus: var(--primary);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--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;--space-20: 5rem;--header-height: 64px;--sidebar-width: 240px;--sidebar-collapsed: 60px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--accent: #26C6DA}.dark-theme{--primary: #26C6DA;--primary-dark: #0097A7;--primary-light: #4DB6AC;--secondary: #4DB6AC;--success: #66BB6A;--warning: #FFA726;--error: #EF5350;--info: #26C6DA;--surface: #0A0E12;--surface-2: #16232A;--surface-3: #263238;--surface-4: #37474F;--text-primary: #E0F2F1;--text-secondary: #90A4AE;--text-muted: #78909C;--text-inverse: #0A0E12;--border: #263238;--border-light: #37474F;--border-focus: var(--primary);--accent: #26C6DA;--toast-success: green;--toast-info: blue;--toast-error: red;--toast-warning: orange}.light-theme{--primary: #0097A7;--primary-dark: #00695C;--primary-light: #26C6DA;--secondary: #00695C;--success: #66BB6A;--warning: #FFA726;--error: #EF5350;--info: #26C6DA;--surface: #ffffff;--surface-2: #F5F7F9;--surface-3: #E8EDEF;--surface-4: #D6DDE1;--text-primary: #263238;--text-secondary: #546E7A;--text-muted: #90A4AE;--text-inverse: #ffffff;--border: #CFD8DC;--border-light: #ECEFF1;--border-focus: var(--primary);--accent: #26C6DA;--toast-success: green;--toast-info: blue;--toast-error: red;--toast-warning: orange}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:12.5px;line-height:1.5;color:var(--text-primary);background:var(--surface-2);height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:.71875rem;line-height:1rem}.text-sm{font-size:.84375rem;line-height:1.25rem}.text-base{font-size:.96875rem;line-height:1.5rem}.text-lg{font-size:1.09375rem;line-height:1.75rem}.text-xl{font-size:1.21875rem;line-height:1.75rem}.text-2xl{font-size:1.46875rem;line-height:2rem}.text-3xl{font-size:1.84375rem;line-height:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius);font-size:.84375rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.field-readonly{pointer-events:none}.btn-primary{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:0 4px 6px -1px #0097a740}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00695c,#004d40);transform:translateY(-2px);box-shadow:0 8px 15px -3px #0097a74d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--secondary);border-color:var(--secondary)}.btn-secondary:hover:not(:disabled){background:#8b5cf61a;border-color:var(--secondary);color:var(--secondary);transform:translateY(-1px);box-shadow:0 4px 6px -1px #8b5cf633}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary);color:var(--primary)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:var(--text-inverse);box-shadow:0 4px 6px -1px #10b98140}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 10px -2px #10b9814d}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--text-inverse);box-shadow:0 4px 6px -1px #f59e0b40}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 6px 10px -2px #f59e0b4d}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:var(--text-inverse);box-shadow:0 4px 6px -1px #06b6d440}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490);transform:translateY(-1px);box-shadow:0 6px 10px -2px #06b6d44d}.btn-tertiary{background:linear-gradient(135deg,#ec4899,#db2777);color:var(--text-inverse);box-shadow:0 4px 6px -1px #ec489940}.btn-tertiary:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#be185d);transform:translateY(-1px);box-shadow:0 6px 10px -2px #ec48994d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.75rem}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--surface);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #0097a71a}.form-input::placeholder{color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-4);border-top:1px solid var(--border);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:#0097a71a;color:var(--primary)}.badge-success{background:#66bb6a1a;color:var(--success)}.badge-warning{background:#ffa7261a;color:var(--warning)}.badge-error{background:#ef53501a;color:var(--error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-in-right{animation:slideInRight .3s ease}.animate-slide-in-left{animation:slideInLeft .3s ease}@media (max-width: 768px){:root{--sidebar-width: 100%}body{font-size:14px}}