:root{--bg: #0a0e17;--bg-2: #111827;--sf: #141b2d;--sf-2: #1a2235;--bd: #ffffff0f;--bd-2: #ffffff1a;--tx: #e2e8f0;--tx-2: #94a3b8;--tx-3: #64748b;--cy: #22d3ee;--pu: #a78bfa;--gn: #34d399;--am: #fbbf24;--rd: #f87171;--bl: #60a5fa;--sidebar-w: 240px;--topbar-h: 56px;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:var(--cy);text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sf);border-right:1px solid var(--bd);z-index:100;transition:width .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar.collapsed{width:56px}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-header span{display:none}.sidebar-header{border-bottom:1px solid var(--bd);align-items:center;gap:10px;padding:16px;display:flex}.sidebar-header span{color:var(--cy);white-space:nowrap;font-size:15px;font-weight:700}.nav-section{padding:8px}.nav-item{color:var(--tx-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-2);color:var(--tx);text-decoration:none}.nav-item.active{color:var(--cy);background:#22d3ee14;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;width:18px}.main{margin-left:var(--sidebar-w);flex:1;transition:margin-left .2s}.topbar{height:var(--topbar-h);background:var(--sf);border-bottom:1px solid var(--bd);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-right{align-items:center;gap:12px;display:flex}.content{max-width:1400px;padding:24px}.card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--radius);padding:20px}.card-title{color:var(--tx-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.card-value{color:var(--tx);font-size:28px;font-weight:700}.card-change{font-size:12px;font-weight:600}.card-change.up{color:var(--gn)}.card-change.down{color:var(--rd)}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1200px){.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.sidebar{width:56px}.main{margin-left:56px}}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--tx-3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bd-2);padding:12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--bd);color:var(--tx-2);padding:12px;font-size:13px}tr:hover td{background:var(--bg-2)}.btn{cursor:pointer;border:1px solid var(--bd-2);background:var(--sf-2);color:var(--tx);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-2)}.btn-cy{background:var(--cy);color:#000;border-color:var(--cy)}.btn-cy:hover{background:#06b6d4}.btn-sm{padding:5px 10px;font-size:12px}.btn-gn{background:var(--gn);color:#000;border-color:var(--gn)}.btn-rd{color:var(--rd);background:#f8717126;border-color:#f8717133}.badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-cy{color:var(--cy);background:#22d3ee1a}.badge-gn{color:var(--gn);background:#34d3991a}.badge-am{color:var(--am);background:#fbbf241a}.badge-rd{color:var(--rd);background:#f871711a}.badge-pu{color:var(--pu);background:#a78bfa1a}.badge-bl{color:var(--bl);background:#60a5fa1a}.input{border:1px solid var(--bd-2);background:var(--bg-2);color:var(--tx);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.input:focus{border-color:var(--cy);box-shadow:0 0 0 3px #22d3ee14}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.tabs{border-bottom:1px solid var(--bd);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--tx-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab:hover{color:var(--tx)}.tab.active{color:var(--cy);border-bottom-color:var(--cy)}.page-title{margin-bottom:4px;font-size:22px;font-weight:700}.page-desc{color:var(--tx-3);margin-bottom:20px;font-size:13px}.breadcrumb{color:var(--tx-3);margin-bottom:16px;font-size:12px}.breadcrumb span{color:var(--tx)}.flex{display:flex}.flex-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.spinner{border:3px solid var(--bd-2);border-top-color:var(--cy);border-radius:50%;width:24px;height:24px;margin:40px auto;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--tx-3);padding:60px 20px}.progress-bar{background:var(--bg-2);border-radius:4px;height:8px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.company-select{position:relative}.company-select .dd{background:var(--sf);border:1px solid var(--bd-2);z-index:200;border-radius:8px;width:280px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 32px #0006}.company-select .dd-item{cursor:pointer;color:var(--tx-2);padding:10px 14px;font-size:13px}.company-select .dd-item:hover{background:var(--bg-2);color:var(--tx)}.company-select .dd-item.active{color:var(--cy);background:#22d3ee0d}.toggle{background:var(--tx-3);cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:var(--cy)}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle.on:after{left:18px}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:380px}.login-card h1{text-align:center;margin-bottom:8px;font-size:24px}.login-card p{text-align:center;color:var(--tx-3);margin-bottom:24px;font-size:13px}.form-group{margin-bottom:16px}.form-group label{color:var(--tx-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.error-msg{color:var(--rd);background:#f8717114;border:1px solid #f8717126;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.toast{z-index:9999;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.2s slideIn;position:fixed;top:16px;right:16px}.toast-ok{background:var(--sf);border:1px solid var(--gn);color:var(--gn)}.toast-err{background:var(--sf);border:1px solid var(--rd);color:var(--rd)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-cy{color:var(--cy)}.text-gn{color:var(--gn)}.hover-bg:hover{background:var(--bg-2)}