@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Clash+Display:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #f0f4fb;--bg2: #ffffff;--bg3: #f7f9fc;--bg4: #eef2f9;--surface: #ffffff;--border: #dde3f0;--border2: #c4cfe8;--blue: #1a56db;--blue2: #2563eb;--blue3: #3b82f6;--blue-light: #eff6ff;--blue-glow: rgba(26,86,219,.12);--blue-dim: rgba(26,86,219,.07);--sky: #0ea5e9;--green: #059669;--red: #dc2626;--amber: #d97706;--purple: #7c3aed;--text: #0f172a;--text2: #475569;--text3: #94a3b8;--nav-h: 58px;--sidebar-w: 230px;--radius: 10px;--shadow: 0 1px 4px rgba(26,86,219,.06);--shadow-lg: 0 6px 24px rgba(26,86,219,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.font-clash{font-family:Clash Display,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:9px;font-family:Plus Jakarta Sans,sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px var(--blue-glow)}.btn-secondary{background:#fff;color:var(--text2);border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{padding:.3rem .7rem;font-size:.77rem;border-radius:7px}.btn-xs{padding:.22rem .55rem;font-size:.71rem;border-radius:6px}.card{background:#fff;border:1.5px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.2rem;border-bottom:1px solid var(--border);background:var(--bg3)}.card-title{font-family:Clash Display,sans-serif;font-size:.95rem;font-weight:600;color:var(--text)}.card-action{font-size:.78rem;color:var(--blue);cursor:pointer;font-weight:600}.card-action:hover{text-decoration:underline}.card-body{padding:1.2rem}.kpi{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;position:relative;overflow:hidden;transition:all .2s;box-shadow:var(--shadow);cursor:default}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi.blue:before{background:linear-gradient(90deg,var(--blue),var(--blue3))}.kpi.green:before{background:var(--green)}.kpi.red:before{background:var(--red)}.kpi.sky:before{background:var(--sky)}.kpi.amber:before{background:var(--amber)}.kpi.purple:before{background:var(--purple)}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border2)}.kpi-label{font-size:.68rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.kpi-value{font-family:Clash Display,sans-serif;font-size:1.55rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.kpi-delta{font-size:.72rem}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.kpi-delta.neutral{color:var(--text3)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:var(--bg3)}th{text-align:left;padding:.6rem 1rem;font-size:.68rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1.5px solid var(--border);white-space:nowrap}td{padding:.7rem 1rem;font-size:.84rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:#1a56db05}.badge{display:inline-block;padding:.18rem .6rem;border-radius:20px;font-size:.68rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.badge-green{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge-red{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.badge-blue{background:var(--blue-light);color:var(--blue);border:1px solid #bfdbfe}.badge-amber{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-sky{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.badge-purple{background:#f3e8ff;color:var(--purple);border:1px solid #e9d5ff}.badge-gray{background:#f8fafc;color:var(--text3);border:1px solid var(--border)}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.form-group label{font-size:.74rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.06em}.form-control{background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;padding:.5rem .85rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;color:var(--text);outline:none;transition:border-color .14s,box-shadow .14s;width:100%}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.5rem}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem;margin-bottom:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.1rem}.grid-main{display:grid;grid-template-columns:1fr 310px;gap:1.1rem;margin-bottom:1.1rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.page-title{font-family:Clash Display,sans-serif;font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.page-sub{color:var(--text2);font-size:.83rem;margin-top:3px}.hdr-btns{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid var(--border);border-radius:9px;padding:.45rem .9rem;transition:border-color .15s}.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.search-wrap input{border:none;background:none;font-family:Plus Jakarta Sans,sans-serif;font-size:.84rem;color:var(--text);outline:none;min-width:180px}.search-wrap input::placeholder{color:var(--text3)}.filter-tabs{display:flex;gap:.2rem}.ftab{padding:.32rem .8rem;border-radius:7px;font-size:.79rem;font-weight:600;cursor:pointer;background:#fff;border:1.5px solid var(--border);color:var(--text2);font-family:Plus Jakarta Sans,sans-serif;transition:all .13s}.ftab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.ftab:hover:not(.active){border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .18s}.modal{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:1.75rem;width:560px;max-width:96vw;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #1a56db2e;animation:slideUp .2s ease;position:relative}.modal-lg{width:760px}.modal-title{font-family:Clash Display,sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:1.3rem}.modal-footer{display:flex;gap:.65rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.divider{font-size:.69rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin:1rem 0 .6rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text3)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-title{font-family:Clash Display,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text2);margin-bottom:.4rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:1.5rem}.auth-card{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:2.5rem;width:480px;max-width:100%;box-shadow:0 8px 40px #1a56db1a}.auth-logo{font-family:Clash Display,sans-serif;font-size:1.85rem;font-weight:700;text-align:center;background:linear-gradient(135deg,var(--blue),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.3rem}.auth-sub{text-align:center;color:var(--text2);font-size:.88rem;margin-bottom:2rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.86rem;color:var(--text2)}.auth-footer a{color:var(--blue);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.text-muted{color:var(--text2)}.text-xmuted{color:var(--text3)}.fw-6{font-weight:600}.fw-7{font-weight:700}.fw-8{font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .25s ease}[data-theme=dark]{--bg: #0f172a;--bg2: #1e293b;--bg3: #1e293b;--bg4: #334155;--surface: #1e293b;--border: #334155;--border2: #475569;--text: #f1f5f9;--text2: #cbd5e1;--text3: #94a3b8;--shadow: 0 1px 8px rgba(0,0,0,.4);--shadow-lg: 0 4px 24px rgba(0,0,0,.5);--blue-light: rgba(26,86,219,.15);--blue-dim: rgba(26,86,219,.15);--blue-glow: rgba(26,86,219,.25);--red: #f87171}[data-theme=dark] body{background:#0f172a;color:#f1f5f9}[data-theme=dark] .card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .card-header{background:#1a2744!important;border-color:#334155!important}[data-theme=dark] .card-title{color:#f1f5f9}[data-theme=dark] nav{background:#0f172a!important;border-color:#1e293b!important}[data-theme=dark] aside{background:#0f172a!important;border-color:#1e293b!important}[data-theme=dark] .kpi{background:#1e293b;border-color:#334155}[data-theme=dark] .kpi-value{color:#f1f5f9}[data-theme=dark] .btn-secondary{background:#334155;color:#cbd5e1;border-color:#475569}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#475569;border-color:#64748b;color:#f1f5f9}[data-theme=dark] .form-control{background:#1e293b;color:#f1f5f9;border-color:#475569}[data-theme=dark] .form-control:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db33}[data-theme=dark] select option{background:#1e293b;color:#f1f5f9}[data-theme=dark] .modal{background:#1e293b;border-color:#334155}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal-title{color:#f1f5f9}[data-theme=dark] .modal-footer{border-color:#334155}[data-theme=dark] table thead{background:#1a2744}[data-theme=dark] th{color:#94a3b8;border-color:#334155}[data-theme=dark] td{color:#cbd5e1;border-color:#2d3f5e}[data-theme=dark] tr:hover td{background:#33415566}[data-theme=dark] .page-title{color:#f1f5f9}[data-theme=dark] .page-sub{color:#94a3b8}[data-theme=dark] .search-wrap{background:#1e293b;border-color:#334155}[data-theme=dark] .search-wrap input{color:#f1f5f9}[data-theme=dark] .search-wrap input::placeholder{color:#64748b}[data-theme=dark] .ftab{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .ftab:hover:not(.active){background:#334155;color:#60a5fa;border-color:#475569}[data-theme=dark] .divider{border-color:#334155;color:#64748b}[data-theme=dark] .empty-state{color:#64748b}[data-theme=dark] .empty-title{color:#94a3b8}[data-theme=dark] .loading-screen{background:#0f172a}[data-theme=dark] .auth-card{background:#1e293b;border-color:#334155}[data-theme=dark] .auth-page{background:#0f172a}[data-theme=dark] .badge-green{background:#05966933;color:#34d399;border-color:#0596694d}[data-theme=dark] .badge-red{background:#dc262633;color:#f87171;border-color:#dc26264d}[data-theme=dark] .badge-blue{background:#1a56db33;color:#60a5fa;border-color:#1a56db4d}[data-theme=dark] .badge-amber{background:#d9770633;color:#fbbf24;border-color:#d977064d}[data-theme=dark] .badge-sky{background:#0ea5e933;color:#38bdf8;border-color:#0ea5e94d}[data-theme=dark] .badge-purple{background:#7c3aed33;color:#a78bfa;border-color:#7c3aed4d}[data-theme=dark] .badge-gray{background:#64748b33;color:#94a3b8;border-color:#334155}[data-theme=dark] label{color:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155}