:root{--brand-blue: #002699;--brand-blue-light: #1a3fa8;--brand-lime: #84BD00;--brand-lime-dark: #6a9900;--sidebar-bg: #0b0f1a;--sidebar-border: rgba(255,255,255,.05);--sidebar-active: rgba(0, 38, 153, .85);--sidebar-hover: rgba(255,255,255,.04);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: rgba(15, 23, 42, .06);--border-strong: rgba(15, 23, 42, .12);--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 4px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 1px 4px rgba(15,23,42,.04);--shadow-lg: 0 8px 32px rgba(15,23,42,.1), 0 2px 8px rgba(15,23,42,.06);--shadow-xl: 0 20px 60px rgba(15,23,42,.14), 0 4px 16px rgba(15,23,42,.08)}*{box-sizing:border-box}body{font-family:Plus Jakarta Sans,Outfit,sans-serif;margin:0;background-color:var(--surface-2);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar{background:linear-gradient(160deg,#0d1224,#0b0f1a,#080c17)}.sidebar-item-active{background:linear-gradient(135deg,#002699e6,#1a3fa8cc);border-left:3px solid #84BD00;box-shadow:0 4px 20px #0026994d,inset 0 1px #ffffff14}.sidebar-item{border-left:3px solid transparent;transition:all .15s ease}.sidebar-item:hover{background:#ffffff0d;border-left-color:#ffffff1a}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow .2s ease,transform .2s ease}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.input-premium{background:var(--surface-2);border:1.5px solid var(--border-strong);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease;outline:none;width:100%}.input-premium:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #00269914;background:var(--surface)}.btn-primary{background:linear-gradient(135deg,#84bd00,#6a9900);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:14px 24px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #84bd004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #84bd0066}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--text-primary);border:none;border-radius:10px;color:#fff;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#1e293b;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-danger{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.badge-warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.badge-neutral{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.badge-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.login-bg{background:linear-gradient(135deg,#0b0f1a,#0d1530 40%,#0b1640);position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;top:-30%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,38,153,.25) 0%,transparent 70%);border-radius:50%}.login-bg:after{content:"";position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(132,189,0,.12) 0%,transparent 70%);border-radius:50%}.login-card{background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 32px 80px #0006,0 8px 24px #0003}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.table-premium th{background:var(--surface-3);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:12px 16px;border-bottom:1px solid var(--border-strong)}.table-premium td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text-primary)}.table-premium tr:hover td{background:var(--surface-2)}.table-premium tr:last-child td{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .25s ease forwards}.animate-slide-left{animation:slideInLeft .2s ease forwards}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.divider{height:1px;background:var(--border)}.section-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}