:root{--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--gray-950:#0a0a0b;--gray-900:#0f0f10;--gray-800:#1a1a1c;--gray-700:#2a2a2d;--gray-600:#3f3f44;--gray-500:#6b6b72;--gray-400:#9b9ba2;--gray-300:#c8c8cd;--gray-200:#e4e4e7;--gray-100:#f4f4f5;--gray-50:#fafaf9;--accent:#10b981;--accent-light:#d1fae5;--accent-dark:#059669;--accent-dim:#10b9811f;--danger:#ef4444;--danger-light:#fee2e2;--danger-dim:#ef44441a;--warning:#f59e0b;--warning-light:#fef3c7;--info:#3b82f6;--info-light:#dbeafe;--surface-app:var(--gray-50);--surface-card:#fff;--surface-sidebar:var(--gray-900);--surface-elevated:#fff;--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-tertiary:var(--gray-400);--text-inverse:#fff;--text-on-dark:#ffffffe0;--text-muted-dark:#ffffff73;--border:var(--gray-200);--border-strong:var(--gray-300);--border-dark:#ffffff14;--sidebar-width:260px;--topbar-height:60px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001f, 0 4px 8px #0000000f;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-sans);font-size:15px}img{max-width:100%;display:block}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.6}.text-lg{font-size:17px;line-height:1.5}.text-xl{font-size:20px;line-height:1.4}.text-2xl{font-size:24px;line-height:1.3}.text-3xl{font-size:30px;line-height:1.25}.text-4xl{font-size:38px;line-height:1.15}.mono{font-family:var(--font-mono)}.muted{color:var(--text-secondary)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.input{background:var(--surface-card);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);padding:10px 14px;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.input::placeholder{color:var(--text-tertiary)}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:var(--font-sans);transition:all var(--duration) var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 20px;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-ghost{color:var(--text-secondary);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1.5px solid #0000}.btn-danger:hover:not(:disabled){background:var(--danger-light)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:13px 28px;font-size:15px;font-weight:600}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{background:var(--accent-light);color:var(--accent-dark)}.badge-red{background:var(--danger-light);color:var(--danger)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-blue{background:var(--info-light);color:var(--info)}.badge-yellow{background:var(--warning-light);color:var(--warning)}.divider{background:var(--border);border:none;height:1px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeUp{animation:fadeUp .45s var(--ease) both}.animate-fadeIn{animation:fadeIn .3s var(--ease) both}.animate-scaleIn{animation:scaleIn .3s var(--ease) both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}@media (width<=768px){:root{--sidebar-width:0px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}p,span,h1,h2,h3,h4{overflow-wrap:break-word;word-break:break-word}@media (width<=768px){aside{display:none}main{width:100%}.content-pad{padding:1rem!important}.auth-left{display:none}}.login-page{min-height:100dvh;display:flex}.login-left,.login-right{min-width:0}.login-right{width:55%}.login-right .animate-fadeUp{width:100%}.stat-cards{flex-wrap:wrap}.stat-cards>*{min-width:140px}@media (width<=1024px){.login-left{width:42%!important;padding:2.25rem!important}.login-right{width:58%;padding:1.75rem!important}}@media (width<=860px){.login-page{min-height:auto;flex-direction:column!important}.login-left,.login-right{width:100%!important}.login-left{padding:2rem 1.25rem!important}.login-right{align-items:stretch!important;padding:2rem 1.25rem!important}.login-right .animate-fadeUp{max-width:460px;margin:0 auto}.stat-cards{justify-content:center}}@media (width<=600px){.login-page{background:var(--gray-50);min-height:100dvh}.login-left{display:none!important}.login-right{justify-content:center;min-height:100dvh;width:100%!important;padding:1.25rem 1rem!important}.login-right .animate-fadeUp{max-width:100%}}@media (width<=380px){.login-right{padding:1rem .875rem!important}}