:root{--bg-color: #f6f8fb;--panel-bg: #ffffff;--panel-bg-hover: #f8fafc;--surface: #ffffff;--surface-strong: #f8fafc;--surface-subtle: #f1f5f9;--control-bg: #ffffff;--control-bg-hover: #f8fafc;--text-color: #172033;--text-muted: #667085;--primary: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .12);--primary-glow: rgba(16, 185, 129, .18);--secondary: #e2e8f0;--secondary-hover: #cbd5e1;--danger: #ef4444;--danger-hover: #dc2626;--danger-light: rgba(239, 68, 68, .1);--border: #e2e8f0;--border-light: #edf2f7;--glass-blur: none;--radius: 12px;--radius-sm: 6px;--radius-md: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-lg: 0 14px 30px rgba(15, 23, 42, .12);--shadow-glass: 0 10px 30px rgba(15, 23, 42, .08);--mobile-topbar-height: 58px;--el-color-primary: #10b981;--el-color-primary-light-3: #34d399;--el-color-primary-light-5: #6ee7b7;--el-color-primary-light-7: #a7f3d0;--el-color-primary-light-9: #ecfdf5;--el-color-primary-dark-2: #059669;--el-border-radius-base: 8px;--el-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{--bg-color: #f1f5f9;--panel-bg: rgba(255, 255, 255, .85);--panel-bg-hover: rgba(248, 250, 252, .95);--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(248, 250, 252, .96);--surface-subtle: rgba(15, 23, 42, .04);--control-bg: rgba(255, 255, 255, .86);--control-bg-hover: rgba(248, 250, 252, .98);--text-color: #0f172a;--text-muted: #64748b;--primary: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .15);--primary-glow: rgba(16, 185, 129, .2);--secondary: #94a3b8;--secondary-hover: #64748b;--danger: #ef4444;--danger-hover: #dc2828;--danger-light: rgba(239, 68, 68, .1);--border: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;position:relative;overflow-x:hidden}::selection{background:#10b98147;color:var(--text-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b842;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b86b}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:40px 40px;z-index:-2}body:after{display:none}@keyframes floatLight{0%{transform:translate(0) scale(1);opacity:.5}to{transform:translate(-50px,50px) scale(1.2);opacity:.8}}#app{display:flex;height:100vh;min-width:0}.content{flex:1;min-width:0;padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,4vw,3.5rem);overflow-y:auto;position:relative}.view-panel{min-width:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h3{margin-bottom:1.5rem;font-weight:600;font-size:clamp(1.15rem,1.5vw,1.35rem);color:var(--text-color);display:flex;align-items:center;gap:.5rem;letter-spacing:0}h3 i{color:var(--primary)}.table-card{overflow-x:auto}.el-table{width:100%}.header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-flex h3{margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-bottom:2rem;align-items:start}.auth-spinner{font-size:2rem;color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){#app{flex-direction:column;height:auto;min-height:100vh;padding-top:var(--mobile-topbar-height)}body{min-width:0}body:before{background-size:28px 28px}.content{width:100%;min-height:calc(100vh - var(--mobile-topbar-height));overflow:visible;padding:.75rem}.view-panel{width:100%}h3{font-size:1.05rem;line-height:1.3}.page-card .el-card__body,.page-card .el-card__header{padding:.85rem}.table-card,.el-table{overflow-x:auto}.el-table{min-width:720px}.el-dialog{width:calc(100vw - 24px)!important;margin:12px auto!important}.el-drawer{max-width:100vw}.el-pagination{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}.el-form-item{margin-bottom:.9rem}}