:root{--bg:#101827;--panel:#182235;--panel2:#1f2c44;--text:#edf4ff;--muted:#8ea1bd;--line:rgba(255,255,255,.08);--blue:#36a3ff;--green:#18c987;--amber:#f6b90b;--rose:#f04b66;--indigo:#6558f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#0e1726,#14243a 55%,#0a1422);color:var(--text)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#111a2b;border-right:1px solid var(--line);padding:22px 18px;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.brand strong{font-size:25px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.logo-mark{width:42px;height:42px;display:grid;grid-template-columns:1fr 1fr;gap:4px}.logo-mark span{border-radius:9px;background:#41b6ff}.logo-mark span:nth-child(2),.logo-mark span:nth-child(3){background:transparent;border:2px solid #5367ff}.side-label{font-size:12px;color:#6f83a2;font-weight:800;margin:22px 6px}nav a{display:flex;align-items:center;gap:12px;color:#a8b6cc;text-decoration:none;padding:13px 12px;border-radius:12px;margin:3px 0;transition:.25s}nav a span{width:24px}nav a b{margin-left:auto;color:#617693}nav a:hover,nav a.active{background:#223252;color:#fff;transform:translateX(4px)}nav a.active{box-shadow:inset 3px 0 var(--blue)}.main{margin-left:280px;padding:16px 24px 40px}.topbar{height:64px;background:rgba(31,44,68,.85);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 12px 30px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.search{display:flex;align-items:center;gap:12px;color:#7e91ad}.search input{width:min(460px,45vw);background:transparent;border:0;outline:0;color:#fff;font-size:14px}.actions{display:flex;align-items:center;gap:18px}.notif{position:relative}.notif:after{content:'';position:absolute;right:-2px;top:-2px;width:8px;height:8px;background:#ff3e57;border-radius:50%}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #5367ff;background:#f59e0b;color:#111;font-weight:900}.hero{margin:28px 0;background:linear-gradient(135deg,#18294a,#123e5e 55%,#0d5c62);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 20px 50px rgba(0,0,0,.28)}.hero span{color:#58e7c1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(28px,4vw,46px);max-width:900px;margin:10px 0}.hero p{color:#c5d2e4;max-width:850px;line-height:1.6}.hero button,.btn{border:0;background:#38d39f;color:#061725;font-weight:900;border-radius:999px;padding:14px 20px;white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:22px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;overflow:hidden;min-height:170px;box-shadow:0 14px 34px rgba(0,0,0,.2)}.kpi:after{content:'';position:absolute;inset:auto -35px -35px auto;width:140px;height:140px;border-radius:50%;background:currentColor;opacity:.13}.kpi-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:24px}.kpi p{margin:22px 0 6px;color:#b9c8dc}.kpi h2{margin:0;font-size:30px}.kpi small{color:#90a3bc}.kpi small b{color:#3ee29e}.kpi.indigo{color:var(--indigo)}.kpi.amber{color:var(--amber)}.kpi.rose{color:var(--rose)}.kpi.green{color:var(--green)}.grid-analytics{display:grid;grid-template-columns:1.35fr .95fr;gap:20px}.panel{background:rgba(31,44,68,.95);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.25);overflow:hidden}.panel-head{padding:18px 22px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0 0 7px}.panel-head span{color:var(--muted);font-size:13px}.panel-chart{padding-bottom:16px}.panel-chart canvas{padding:16px;max-height:340px}.support{display:flex;flex-direction:column}.radial{width:220px;height:220px;border-radius:50%;margin:32px auto 24px;display:grid;place-items:center;background:conic-gradient(#38d39f 0 82%,rgba(255,255,255,.08) 82%);position:relative}.radial:before{content:'';position:absolute;inset:22px;border-radius:50%;background:var(--panel)}.radial span,.radial small{z-index:1}.radial span{font-size:46px;font-weight:900}.radial small{margin-top:58px;position:absolute;color:#a8b6cc}.support-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 22px}.support-stats div{background:#142037;border-radius:12px;padding:14px;text-align:center}.support-stats span{display:block;color:var(--muted);font-size:12px}.grid-lists,.grid-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 22px;border-bottom:1px solid var(--line);font-size:14px}th{color:#9eb0ca;font-size:12px}td{color:#dbe7f6}.source-list{list-style:none;margin:0;padding:18px 22px}.source-list li{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.source-list b{margin-left:auto;color:#38d39f}.timeline{padding:20px 28px}.time-item{border-left:2px solid #52627c;padding:0 0 22px 20px;position:relative}.time-item:before{content:'';position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:currentColor}.time-item h4{margin:0 0 6px}.time-item p{margin:0 0 6px;color:#b9c8dc}.time-item small{color:var(--muted)}.time-item.blue{color:var(--blue)}.time-item.green{color:var(--green)}.time-item.amber{color:var(--amber)}.time-item.rose{color:var(--rose)}.map-card{font-size:170px;text-align:center;padding:28px;background:linear-gradient(135deg,rgba(54,163,255,.12),rgba(56,211,159,.1));filter:saturate(1.1)}.region-row{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;gap:12px}.region-row div{background:#142037;border-radius:12px;padding:12px}.region-row span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.sidebar{width:82px}.brand div:last-child,.side-label,nav a b,nav a:not(.active){font-size:0}.main{margin-left:82px}.kpi-grid,.grid-analytics,.grid-lists,.grid-bottom{grid-template-columns:1fr 1fr}}@media(max-width:780px){.main{margin-left:0;padding:12px}.sidebar{display:none}.hero,.topbar{flex-direction:column;height:auto;align-items:flex-start}.kpi-grid,.grid-analytics,.grid-lists,.grid-bottom{grid-template-columns:1fr}.search input{width:70vw}}