:root{--bg:#07110f;--panel:#0e1b18;--panel-2:#12231f;--line:#20352f;--text:#effbf5;--muted:#91a9a0;--accent:#46f09b;--accent-2:#a8ffd1;--warning:#ffd166;--danger:#ff7b72;--shadow:0 18px 50px rgba(0,0,0,.26);--sidebar:245px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(70,240,155,.08),transparent 34%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:30px 22px;border-right:1px solid var(--line);background:rgba(7,17,15,.94);backdrop-filter:blur(16px);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font:800 22px Manrope;text-decoration:none;letter-spacing:-.8px}.brand>span:last-child span{color:var(--accent)}.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px}.brand-mark span{width:3px;background:#04110b;border-radius:3px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:16px}.brand-mark span:nth-child(3){height:12px}nav{display:grid;gap:8px;margin-top:50px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:600;transition:.2s}.nav-item span{font-size:10px;color:#668078}.nav-item:hover,.nav-item.active{background:var(--panel-2);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-card{margin-top:auto;padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel-2),rgba(70,240,155,.03))}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--accent)}.status-line{font-weight:700;margin:11px 0 14px;display:flex;align-items:center;gap:8px}.status-line i,.environment i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(70,240,155,.1)}.sidebar-card p,.demo-note{color:var(--muted);font-size:11px;margin:0}.sidebar-card strong{font-size:11px;display:block;margin-top:4px}.demo-note{margin:16px 4px 0;line-height:1.6}main{grid-column:2;padding:0 38px;min-width:0}.topbar{min-height:144px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1,h2,h3{font-family:Manrope;margin:0;letter-spacing:-.55px}h1{font-size:30px;margin-top:7px}h2{font-size:25px}h3{font-size:16px}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:11px;cursor:pointer}.environment{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;font-size:11px;font-weight:800}.section-block{padding:54px 0 14px;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin-top:6px}.section-heading p{color:var(--muted);max-width:490px;text-align:right;line-height:1.6;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0b1714);padding:18px;border-radius:16px;min-height:140px;position:relative;box-shadow:var(--shadow)}.kpi-card.accent{background:linear-gradient(145deg,#0d2b21,#0e1b18);border-color:#285642}.kpi-card>div:first-child{display:flex;flex-direction:column}.kpi-card span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1.2px}.kpi-card b{font:800 32px Manrope;margin-top:12px}.kpi-card small{color:var(--muted);position:absolute;bottom:18px}.kpi-icon{position:absolute;right:17px;top:17px;color:var(--accent);font-size:18px}.grid{display:grid;gap:16px;margin-top:16px}.two-thirds{grid-template-columns:1.65fr 1fr}.half{grid-template-columns:1fr 1fr}.panel{background:linear-gradient(145deg,var(--panel),#0b1714);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-top:16px;min-width:0}.grid .panel{margin-top:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title h3{margin-top:5px}.chip{padding:6px 9px;background:rgba(70,240,155,.08);color:var(--accent-2);border:1px solid rgba(70,240,155,.18);border-radius:20px;font-size:10px}.chart{height:275px}.chart.large{height:355px}.chart.medium{height:300px}.metric-panel{display:flex;flex-direction:column}.metric-row{padding:17px 0;border-bottom:1px solid var(--line)}.metric-row div{display:flex;justify-content:space-between;align-items:center}.metric-row span{font-weight:700}.metric-row b{font:800 20px Manrope;color:var(--accent)}.metric-row p{color:var(--muted);font-size:12px;margin:6px 0 0}.insight-callout{margin-top:auto;background:rgba(70,240,155,.07);border-left:3px solid var(--accent);padding:14px 16px;border-radius:8px}.insight-callout p{color:var(--muted);line-height:1.5;margin:7px 0 0}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:16px}.filterbar label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.8px}.filterbar input,.filterbar select{display:block;width:100%;margin-top:7px;background:#091511;border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:9px;outline:none}.filterbar input:focus,.filterbar select:focus{border-color:var(--accent)}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rec-card{min-height:190px;border:1px solid var(--line);border-radius:15px;padding:18px;background:linear-gradient(150deg,var(--panel),#0a1512);position:relative;overflow:hidden;transition:.22s}.rec-card:before{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-45px;border-radius:50%;background:var(--card-accent);opacity:.11}.rec-card:hover{transform:translateY(-3px);border-color:#315247}.rank{font:800 11px Manrope;color:var(--accent)}.rec-card h3{font-size:17px;margin:18px 0 8px}.meta{color:var(--muted);font-size:11px}.genres{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.genres span{background:var(--panel-2);padding:5px 7px;border-radius:6px;color:#bfd0ca;font-size:10px}.reason{font-size:11px;line-height:1.5;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.score{position:absolute;right:15px;bottom:15px;font:800 12px Manrope;color:var(--accent)}.governance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.governance-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:18px}.governance-card header{display:flex;justify-content:space-between}.health{color:var(--accent);font-size:10px;font-weight:800}.gauge{height:6px;background:#1d302a;border-radius:5px;margin:22px 0 9px;overflow:hidden}.gauge i{display:block;height:100%;background:linear-gradient(90deg,#1f9f68,var(--accent));border-radius:5px}.governance-card footer{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.regions-panel{margin-bottom:38px}.region-table{width:100%;border-collapse:collapse}.region-table th,.region-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.region-table th{color:var(--muted);font-size:10px;letter-spacing:1px}.region-table td:last-child{color:var(--accent)}main>footer{display:flex;justify-content:space-between;padding:24px 0 30px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.chat-launcher{position:fixed;right:24px;bottom:22px;border:0;border-radius:99px;background:var(--accent);color:#04110b;padding:13px 18px;font-weight:800;box-shadow:0 10px 30px rgba(70,240,155,.25);cursor:pointer;z-index:20}.chat-launcher span{margin-right:7px}.chat-drawer{position:fixed;z-index:30;right:18px;bottom:18px;width:min(390px,calc(100vw - 36px));height:570px;border:1px solid #315247;border-radius:18px;background:#091511;box-shadow:0 30px 80px rgba(0,0,0,.5);display:flex;flex-direction:column;transform:translateY(115%);transition:.3s}.chat-drawer.open{transform:none}.chat-drawer>header{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.chat-drawer header h3{margin-top:5px}.chat-drawer header button{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.chat-body{flex:1;overflow:auto;padding:18px}.message{padding:12px 14px;border-radius:12px;margin-bottom:10px;line-height:1.5;max-width:90%}.message.bot{background:var(--panel-2);color:#d7e6e0}.message.user{margin-left:auto;background:var(--accent);color:#04110b}.message small{display:block;margin-top:7px;opacity:.75}.suggestions{display:flex;gap:6px;flex-wrap:wrap}.suggestions button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 9px;border-radius:20px;font-size:10px;cursor:pointer}.chat-drawer form{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-drawer form input{flex:1;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:11px;outline:none}.chat-drawer form button{width:42px;border:0;border-radius:10px;background:var(--accent);font-weight:900;cursor:pointer}body.light{--bg:#eef4f1;--panel:#fff;--panel-2:#e6f0eb;--line:#d3e0da;--text:#11211c;--muted:#62736c;--shadow:0 12px 35px rgba(22,55,43,.08)}body.light .sidebar{background:rgba(245,250,247,.94)}body.light .filterbar input,body.light .filterbar select,body.light .chat-drawer{background:#f4f8f6}body.light .rec-card,body.light .kpi-card,body.light .panel{background:#fff}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.recommendation-grid{grid-template-columns:repeat(2,1fr)}.two-thirds,.half{grid-template-columns:1fr}.sidebar{width:76px;padding:28px 13px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.nav-item span,.sidebar-card,.demo-note{display:none}.brand{justify-content:center}.nav-item{justify-content:center}.app-shell{grid-template-columns:76px 1fr}main{grid-column:2}.section-heading p{display:none}}
@media(max-width:680px){.sidebar{display:none}.app-shell{display:block}main{padding:0 16px}.topbar{min-height:120px}.top-actions{display:none}h1{font-size:23px}.kpi-grid,.recommendation-grid,.governance-grid,.filterbar{grid-template-columns:1fr}.section-block{padding-top:38px}.chart{height:260px}main>footer{display:grid;gap:6px}.chat-launcher{right:14px;bottom:14px}}