:root{--p:#43273b;--m:#8e427d;--g:#ad9a65;--bg:#fdf9f3;--ink:#171312;--muted:#746e67;--line:rgba(67,39,59,.13)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fffdf9,var(--bg),#f3ecdd);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}header{height:72px;padding:0 5vw;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#fdf9f3ee;position:sticky;top:0;z-index:2}.brand{font:700 18px ui-monospace,monospace;letter-spacing:.16em;color:var(--p);text-decoration:none}main{max-width:1400px;margin:auto;padding:52px 5vw}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}small{font:700 10px ui-monospace,monospace;letter-spacing:.16em;color:var(--m)}h1{font-size:44px;letter-spacing:-.04em;margin:8px 0}h2{font-size:16px;color:var(--p)}p,header span,#sync{color:var(--muted)}button{background:var(--p);color:white;border:0;border-radius:10px;padding:11px 18px;cursor:pointer}.metrics,.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metrics div,article,.panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:#ffffffaa;box-shadow:0 8px 30px #43273b12}.metrics b{display:block;font-size:30px;color:var(--p)}.metrics span{color:var(--muted)}.donut{width:130px;height:130px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--m),var(--g),var(--p));position:relative}.donut:after{content:'';position:absolute;inset:28px;border-radius:50%;background:var(--bg)}.legend{display:grid;gap:5px}.legend div{display:flex;justify-content:space-between;font-size:12px}.panel{padding-bottom:10px}.heading{display:flex;justify-content:space-between;align-items:center}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font:700 10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:13px 8px;border-bottom:1px solid var(--line)}a{color:var(--m);text-decoration:none}.badge{padding:6px 10px;border-radius:999px;background:#ad9a6533;color:var(--p);font:700 11px ui-monospace,monospace}@media(max-width:800px){.charts,.metrics{grid-template-columns:1fr}.hero{display:block}button{margin-top:12px}}
:root{--p:#43273b;--m:#8e427d;--g:#ad9a65;--bg:#fdf9f3;--ink:#171312;--muted:#746e67;--line:rgba(67,39,59,.13)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fffdf9,var(--bg),#f3ecdd);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}header{height:72px;padding:0 5vw;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#fdf9f3ee;position:sticky;top:0;z-index:2}.brand{font:700 18px ui-monospace,monospace;letter-spacing:.16em;color:var(--p);text-decoration:none}main{max-width:1400px;margin:auto;padding:52px 5vw}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}small{font:700 10px ui-monospace,monospace;letter-spacing:.16em;color:var(--m)}h1{font-size:44px;letter-spacing:-.04em;margin:8px 0}h2{font-size:16px;color:var(--p)}p,header span,#sync{color:var(--muted)}button{background:var(--p);color:white;border:0;border-radius:10px;padding:11px 18px;cursor:pointer}.metrics,.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metrics div,article,.panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:#ffffffaa;box-shadow:0 8px 30px #43273b12}.metrics b{display:block;font-size:30px;color:var(--p)}.metrics span{color:var(--muted)}.donut{width:130px;height:130px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--m),var(--g),var(--p));position:relative}.donut:after{content:'';position:absolute;inset:28px;border-radius:50%;background:var(--bg)}.legend{display:grid;gap:5px}.legend div{display:flex;justify-content:space-between;font-size:12px}.panel{padding-bottom:10px}.heading{display:flex;justify-content:space-between;align-items:center}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font:700 10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:13px 8px;border-bottom:1px solid var(--line)}a{color:var(--m);text-decoration:none}.badge{padding:6px 10px;border-radius:999px;background:#ad9a6533;color:var(--p);font:700 11px ui-monospace,monospace}@media(max-width:800px){.charts,.metrics{grid-template-columns:1fr}.hero{display:block}button{margin-top:12px}}
.mini-donut{display:inline-block;width:34px;height:34px;margin-right:5px;vertical-align:middle;border-radius:50%;background:conic-gradient(var(--m),var(--g),var(--p));position:relative}.mini-donut:after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--bg)}td small{font-size:10px;color:var(--muted)}.mini-empty{color:var(--muted)}
.article-group th{padding-top:22px;color:var(--m);background:#8e427d0b}
.mini-chart{display:flex;align-items:center;gap:7px;min-width:125px}.mini-donut{display:grid;place-items:center;flex:none}.mini-donut b{position:relative;z-index:1;font-size:10px;color:var(--p)}.mini-chart small{display:grid;gap:2px;letter-spacing:0}.mini-chart small span{display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-chart small b{color:var(--p)}
.donut-kpi{min-height:150px;display:flex;flex-direction:column;align-items:center;gap:8px}.kpi-donut{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;position:relative}.kpi-donut:after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;background:var(--bg)}.kpi-donut b{position:relative;z-index:1;font-size:18px}.kpi-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:11px}.kpi-legend span{white-space:nowrap}.kpi-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}
.donut-kpi{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffb8,#f1e9dc99)}.donut-kpi:before,.panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#8e427d08 4px);opacity:.7}.kpi-donut{box-shadow:0 0 0 1px #8e427d33,0 0 22px #8e427d55;animation:neon-pulse 2.8s ease-in-out infinite}.kpi-legend{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.kpi-legend span{animation:data-in .55s both;animation-delay:calc(var(--row-i, 0) * 45ms)}.table tbody tr{position:relative;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;animation:row-in .45s both;animation-delay:calc(var(--row-i, 0) * 28ms)}.table tbody tr:hover{background:linear-gradient(90deg,#8e427d18,#ad9a6514,#8e427d18);transform:translateX(5px);box-shadow:inset 3px 0 0 var(--m),0 0 18px #8e427d22}.table tbody tr:hover td{color:#2d1530}.table tbody tr:hover a{ text-shadow:0 0 8px #8e427d88}.table td,.table th{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.panel{position:relative;overflow:hidden}.panel:after{content:'';position:absolute;left:0;right:0;height:1px;top:-2px;background:linear-gradient(90deg,transparent,var(--m),transparent);box-shadow:0 0 12px var(--m);animation:scanline 4.5s linear infinite;pointer-events:none}.brand{ text-shadow:0 0 8px #8e427d66;animation:brand-flicker 5s infinite}.badge{box-shadow:0 0 0 1px #ad9a6544,0 0 10px #ad9a6533}.mini-donut{box-shadow:0 0 10px #8e427d44}@keyframes row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes data-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes neon-pulse{0%,100%{filter:drop-shadow(0 0 2px #8e427d66)}50%{filter:drop-shadow(0 0 9px #8e427daa)}}@keyframes scanline{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}@keyframes brand-flicker{0%,96%,100%{opacity:1}97%{opacity:.65}98%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background-color:#fdf9f3;background-image:linear-gradient(#8e427d08 1px,transparent 1px),linear-gradient(90deg,#8e427d08 1px,transparent 1px),linear-gradient(145deg,#fffdf9,var(--bg),#f3ecdd);background-size:32px 32px,32px 32px,auto}body:after{content:'01001001 01001110 01000110 01001111 01010010 01001101 01000001 01010100 01001001 01000011';position:fixed;inset:auto 0 0 0;z-index:-1;overflow:hidden;color:#8e427d15;font:10px/2 ui-monospace,monospace;letter-spacing:.35em;white-space:nowrap;pointer-events:none;animation:matrix-drift 18s linear infinite}.hero h1{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.hero h1:before{content:'> ';color:var(--m)}@keyframes matrix-drift{from{transform:translateY(0)}to{transform:translateY(-80px)}}