:root{--on-background: #0b1c30;--outline-variant: #c2c6d6;--primary-container: #2170e4;--secondary: #495e8a;--surface-container-low: #eff4ff;--on-tertiary: #ffffff;--on-surface: #0b1c30;--surface-dim: #cbdbf5;--surface-container-high: #dce9ff;--primary-fixed-dim: #adc6ff;--on-primary-container: #fefcff;--on-tertiary-fixed-variant: #723600;--on-primary: #ffffff;--primary: #0058be;--error-container: #ffdad6;--surface-tint: #005ac2;--on-primary-fixed: #001a42;--secondary-fixed-dim: #b1c6f9;--surface-bright: #f8f9ff;--tertiary-fixed-dim: #ffb786;--outline: #727785;--surface: #f8f9ff;--tertiary-container: #b75b00;--surface-container-highest: #d3e4fe;--inverse-on-surface: #eaf1ff;--primary-fixed: #d8e2ff;--on-tertiary-container: #fffbff;--surface-variant: #d3e4fe;--tertiary-fixed: #ffdcc6;--on-secondary-fixed-variant: #304671;--on-secondary-container: #405682;--error: #ba1a1a;--on-error-container: #93000a;--tertiary: #924700;--on-secondary: #ffffff;--on-error: #ffffff;--surface-container: #e5eeff;--on-secondary-fixed: #001a42;--surface-container-lowest: #ffffff;--inverse-surface: #213145;--on-surface-variant: #424754;--background: #f8f9ff;--on-primary-fixed-variant: #004395;--secondary-fixed: #d8e2ff;--on-tertiary-fixed: #311400;--secondary-container: #b6ccff;--inverse-primary: #adc6ff}.premium-card{background-color:var(--surface-container-lowest);border-radius:.75rem;box-shadow:0 4px 40px #0b1c300a;overflow:hidden}.stat-card-base{background-color:var(--surface-container-lowest);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 20px #0b1c3008;border-bottom:4px solid}.sidebar-link{margin:.25rem .5rem;display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .3s;border-radius:.5rem;text-decoration:none}.sidebar-link-active{background-color:#fff;color:var(--primary);box-shadow:0 1px 2px #0000000d;font-weight:600}.sidebar-link-inactive{color:#475569}.sidebar-link-inactive:hover{background-color:#ffffff80}.btn-action-primary{background-color:var(--primary);color:#fff;padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:800;transition:all .2s;display:flex;align-items:center;border:none;cursor:pointer}.btn-action-primary:hover{opacity:.9}.table-header-row{background-color:var(--surface-container-low);color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em}.table-row-hover:hover{background-color:var(--surface-container-low);transition:background-color .2s}.table-header-cell{padding:1rem 1.5rem}.table-data-cell{padding:1rem 1.5rem;font-size:.875rem;color:#475569}.login-container{background-color:var(--surface);min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:var(--font-body)}.login-bg-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.login-card{position:relative;z-index:10;width:100%;max-width:480px;padding:1.5rem}.login-glass{background:var(--surface-container-lowest);border-radius:.75rem;box-shadow:0 12px 40px #0b1c300f;padding:2.5rem}@media (min-width: 768px){.login-glass{padding:3rem}}.login-icon-box{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.75rem;background:#2170e41a;margin-bottom:1.5rem}.login-title{font-size:1.875rem;font-weight:700;color:var(--primary);margin-bottom:.75rem;letter-spacing:-.025em}.login-subtitle{color:var(--on-surface-variant);font-size:.875rem;opacity:.8}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:.5rem;margin-left:.25rem}.input-wrapper{position:relative}.input-icon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);pointer-events:none;color:var(--outline);font-size:20px;transition:color .3s}.login-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--surface-container-low);border:none;border-radius:.5rem;color:var(--on-surface);transition:all .3s}.login-input:focus{outline:none;box-shadow:0 0 0 2px #0058be1a;background:var(--surface-container-lowest)}.login-btn{width:100%;background:linear-gradient(to bottom right,var(--primary),var(--primary-container));color:#fff;font-weight:700;padding:1rem;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-btn:hover{box-shadow:0 10px 15px -3px #0000001a}.login-btn:active{transform:scale(.98)}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--glass: rgba(255, 255, 255, .2);--text: #1e293b;--text-light: #64748b;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--premium-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-primary{background:var(--premium-gradient);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.9}.sidebar{width:240px;height:100vh;position:fixed;left:0;top:0;background:#fff;border-right:1px solid var(--border);padding:1.5rem}.main-content{margin-left:240px;padding:2rem;min-height:100vh}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-light);text-decoration:none;border-radius:.5rem;margin-bottom:.5rem;transition:background .2s,color .2s}.nav-item:hover,.nav-item.active{background:#eff6ff;color:var(--primary)}table{width:100%;border-collapse:collapse;margin-top:1rem}th{text-align:left;padding:1rem;background:#f1f5f9;font-weight:600;color:var(--text-light)}td{padding:1rem;border-bottom:1px solid var(--border)}tr:hover{background:#00000005}