*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0b0e16;--bg2:#141925;--bg3:#1c2230;--bg4:#252d40;--card:#141925;--card-hover:#1a2030;--accent:#3b82f6;--accent2:#60a5fa;--accent-dim:rgba(59,130,246,.12);--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--pink:#ec4899;--cyan:#06b6d4;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--text-on-gradient:#fff;--border:#232b3d;--border2:#2e3852;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow:0 4px 16px rgba(0,0,0,.35);--shadow-lg:0 12px 40px rgba(0,0,0,.45);--shadow-card:0 1px 2px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.25);--grad-purple:linear-gradient(135deg,#7c3aed,#6366f1);--grad-blue:linear-gradient(135deg,#2563eb,#1d4ed8);--grad-cyan:linear-gradient(135deg,#0891b2,#2563eb);--grad-green:linear-gradient(135deg,#059669,#10b981);--grad-teal:linear-gradient(135deg,#0d9488,#14b8a6);--grad-orange:linear-gradient(135deg,#ea580c,#f59e0b);--grad-pink:linear-gradient(135deg,#db2777,#ec4899);--grad-red:linear-gradient(135deg,#dc2626,#ef4444);--grad-slate:linear-gradient(135deg,#475569,#64748b);--radius:14px;--radius-sm:10px;--radius-lg:18px;--sidebar-width:240px}[data-theme=light]{--bg:#f1f5f9;--bg2:#fff;--bg3:#f8fafc;--bg4:#eef2f7;--card:#fff;--card-hover:#fafbfc;--accent:#2563eb;--accent2:#3b82f6;--accent-dim:rgba(37,99,235,.08);--green:#059669;--yellow:#d97706;--red:#dc2626;--purple:#7c3aed;--pink:#db2777;--cyan:#0891b2;--text:#0f172a;--text2:#475569;--text3:#94a3b8;--text-on-gradient:#fff;--border:#e2e8f0;--border2:#cbd5e1;--shadow-sm:0 1px 2px rgba(15,23,42,.06);--shadow:0 4px 12px rgba(15,23,42,.08);--shadow-lg:0 12px 32px rgba(15,23,42,.12);--shadow-card:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--grad-purple:linear-gradient(135deg,#7c3aed,#6366f1);--grad-blue:linear-gradient(135deg,#2563eb,#3b82f6);--grad-cyan:linear-gradient(135deg,#0891b2,#3b82f6);--grad-green:linear-gradient(135deg,#059669,#10b981);--grad-teal:linear-gradient(135deg,#0d9488,#14b8a6);--grad-orange:linear-gradient(135deg,#ea580c,#f59e0b);--grad-pink:linear-gradient(135deg,#db2777,#ec4899);--grad-red:linear-gradient(135deg,#dc2626,#ef4444);--grad-slate:linear-gradient(135deg,#64748b,#94a3b8)}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow-card);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.card-hover:hover{border-color:var(--border2);transform:translateY(-2px)}.card-hover:hover,.kpi{box-shadow:var(--shadow)}.kpi{border-radius:var(--radius);padding:18px 20px;color:var(--text-on-gradient);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.kpi:after{content:"";position:absolute;top:-40%;right:-10%;width:140px;height:140px;background:hsla(0,0%,100%,.12);border-radius:50%;filter:blur(8px);pointer-events:none}.kpi-label{font-size:12px;font-weight:500;opacity:.9;letter-spacing:.2px}.kpi-label,.kpi-value{position:relative;z-index:1}.kpi-value{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.kpi-sub{font-size:11px;opacity:.85;font-weight:500;position:relative;z-index:1}.kpi-icon{position:absolute;top:16px;right:16px;opacity:.35;z-index:1}.kpi-purple{background:var(--grad-purple)}.kpi-blue{background:var(--grad-blue)}.kpi-cyan{background:var(--grad-cyan)}.kpi-green{background:var(--grad-green)}.kpi-teal{background:var(--grad-teal)}.kpi-orange{background:var(--grad-orange)}.kpi-pink{background:var(--grad-pink)}.kpi-red{background:var(--grad-red)}.kpi-slate{background:var(--grad-slate)}.kpi-soft{background:var(--card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-card)}.kpi-soft:after{display:none}.kpi-soft .kpi-label{color:var(--text2);opacity:1}.kpi-soft .kpi-value{color:var(--text)}.badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge-green{background:rgba(16,185,129,.15);color:var(--green)}.badge-yellow{background:rgba(245,158,11,.15);color:var(--yellow)}.badge-red{background:rgba(239,68,68,.15);color:var(--red)}.badge-blue{background:rgba(59,130,246,.15);color:var(--accent2)}.badge-purple{background:rgba(139,92,246,.15);color:var(--purple)}.badge-slate{background:rgba(100,116,139,.15);color:var(--text2)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px rgba(37,99,235,.25)}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.35)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;font-weight:500;transition:.2s}.btn-ghost:hover{color:var(--text);border-color:var(--border2);background:var(--bg4)}.input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-size:13px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text3)}.tab{padding:9px 16px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text3);border-radius:var(--radius-sm);transition:all .2s;white-space:nowrap}.tab:hover{color:var(--text2);background:var(--bg3)}.tab-active{font-weight:600;box-shadow:0 2px 8px rgba(37,99,235,.3)}.tab-active,.tab-active:hover{color:#fff;background:var(--accent)}.tab-underline{padding:10px 4px;background:none;cursor:pointer;font-size:13px;color:var(--text3);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-underline-active{color:var(--accent2);border-bottom-color:var(--accent);font-weight:600}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead tr{background:var(--bg3);border-bottom:1px solid var(--border)}.tbl th{text-align:left;color:var(--text3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.tbl td,.tbl th{padding:11px 14px}.tbl td{color:var(--text2);border-bottom:1px solid var(--border)}.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:var(--bg3)}.spinner{width:20px;height:20px;border:2px solid var(--border2);border-top-color:var(--accent2);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.toast{position:fixed;bottom:24px;right:24px;background:var(--green);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;z-index:1000;animation:slideUp .3s ease;box-shadow:0 8px 24px rgba(16,185,129,.35)}.toast.error{background:var(--red);box-shadow:0 8px 24px rgba(239,68,68,.35)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-toggle{width:44px;height:24px;border-radius:20px;background:var(--bg4);border:1px solid var(--border2);position:relative;cursor:pointer;transition:background .25s;flex-shrink:0}.theme-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--accent);transition:transform .25s ease;display:flex;align-items:center;justify-content:center;font-size:10px}[data-theme=light] .theme-toggle-knob{transform:translateX(20px)}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-value{animation:countUp .5s ease both}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 currentColor;transform:scale(1)}50%{box-shadow:0 0 0 5px transparent;transform:scale(1.2)}}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;animation:statusPulse 2.4s ease-in-out infinite;vertical-align:middle;margin-right:5px}.pulse-dot.green{background:var(--green);color:var(--green)}.pulse-dot.yellow{background:var(--yellow);color:var(--yellow)}.pulse-dot.red{background:var(--red);color:var(--red)}.pulse-dot.blue{background:var(--accent);color:var(--accent)}.scan-line{display:none}@keyframes particleFloat{0%{transform:translateY(0) scale(.8);opacity:0}15%{opacity:.7}85%{opacity:.3}to{transform:translateY(-100vh) scale(1.1);opacity:0}}.bg-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:0;animation:particleFloat linear infinite}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-wrap{overflow:hidden;border-top:1px solid var(--border);background:var(--bg2);padding:8px 0}.ticker-inner{display:flex;gap:48px;white-space:nowrap;animation:tickerScroll 60s linear infinite;width:max-content}.ticker-inner:hover{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text3)}.ticker-item .dept{color:var(--text2);font-weight:600}.ticker-item .up{color:var(--green);font-weight:600}.ticker-item .down{color:var(--red);font-weight:600}.ticker-item .dot{width:4px;height:4px;border-radius:50%;background:var(--border2)}@keyframes kpiShimmer{0%{background-position:-200%}to{background-position:200%}}.kpi-loading{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% auto;animation:kpiShimmer 1.5s ease-in-out infinite;border-radius:var(--radius);min-height:96px}.kpi:first-child{animation-delay:0ms}.kpi:nth-child(2){animation-delay:60ms}.kpi:nth-child(3){animation-delay:.12s}.kpi:nth-child(4){animation-delay:.18s}.kpi:nth-child(5){animation-delay:.24s}.kpi:nth-child(6){animation-delay:.3s}@media (max-width:768px){:root{--sidebar-width:0px}.card{padding:12px 14px!important}.esg-content{padding:12px 10px}.esg-topbar{padding:0 12px;gap:8px}.esg-topbar-date,.search-hint{display:none}.esg-sidebar{width:260px;box-shadow:4px 0 24px rgba(0,0,0,.4)}.esg-main{margin-left:0!important;width:100%}[style*="minmax(120px"],[style*="minmax(130px"],[style*="minmax(140px"],[style*="minmax(150px"],[style*="minmax(160px"],[style*="minmax(180px"]{grid-template-columns:repeat(2,1fr)!important}.kpi{padding:12px 14px!important;min-height:80px!important}.kpi-value{font-size:20px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-label{font-size:11px!important}.kpi-sub{font-size:10px!important}.tbl{font-size:12px}.tbl th{font-size:10px!important}.tbl td,.tbl th{padding:8px 10px!important}.tab,.tbl td{font-size:12px!important}.tab{padding:7px 12px!important;white-space:nowrap}.input{font-size:16px!important}.badge{padding:2px 7px!important;font-size:10px!important}[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.btn-ghost,.btn-primary{padding:8px 12px!important;font-size:12px!important}.fade-in{animation-duration:.2s}}@media (max-width:380px){.kpi-value{font-size:18px!important}.card{padding:10px 12px!important}.esg-content{padding:10px 8px}}