:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;--color-primary: #03a9f4;--color-primary-dark: #0288d1;--color-primary-light: #b3e5fc;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #f44336;--color-text: #212121;--color-text-secondary: #757575;--color-text-light: #9e9e9e;--color-bg: #fafafa;--color-bg-secondary: #ffffff;--color-border: #e0e0e0;--color-hover: #f5f5f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .15);--radius: 4px;--radius-lg: 8px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-dark{--color-primary: #696CFF;--color-primary-dark: #5A5FE0;--color-primary-light: rgba(105, 108, 255, .15);--color-success: #28D094;--color-warning: #FFAB00;--color-danger: #FF4C51;--color-info: #03C3EC;--color-text: #E7E3FC;--color-text-secondary: #A8A5BE;--color-text-light: #76708A;--color-bg: #161B2E;--color-bg-secondary: #1E2139;--color-bg-tertiary: #242B47;--color-border: #2F3451;--color-hover: #252C44;--shadow-sm: 0 2px 6px rgba(15, 20, 40, .4);--shadow-md: 0 4px 16px rgba(15, 20, 40, .5);--shadow-lg: 0 8px 32px rgba(15, 20, 40, .6);--shadow-xl: 0 12px 40px rgba(15, 20, 40, .7);--shadow-glow: 0 0 20px rgba(105, 108, 255, .3);--gradient-primary: linear-gradient(135deg, #696CFF 0%, #5A5FE0 100%);--gradient-success: linear-gradient(135deg, #28D094 0%, #26C485 100%);--gradient-card: linear-gradient(135deg, #1E2139 0%, #242B47 100%)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text)}button{border-radius:var(--radius);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:.875rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #03a9f41a}#app{width:100%;min-height:100vh}.theme-dark .btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-md);transition:all .3s ease}.theme-dark .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.theme-dark .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.theme-dark .btn-secondary:hover{background:var(--color-hover);color:var(--color-text);border-color:var(--color-primary)}.theme-dark .card,.theme-dark .stats-card,.theme-dark .dashboard-card{background:var(--gradient-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.theme-dark .card:hover,.theme-dark .stats-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.theme-dark input,.theme-dark select,.theme-dark textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text)}.theme-dark input:focus,.theme-dark select:focus,.theme-dark textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-dark .table-row{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);transition:all .2s ease}.theme-dark .table-row:hover{background:var(--color-hover);transform:translate(2px)}.theme-dark .progress-bar{background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.theme-dark ::-webkit-scrollbar{width:8px}.theme-dark ::-webkit-scrollbar-track{background:var(--color-bg)}.theme-dark ::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.theme-dark ::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}