:root{--bg: #0b1220;--panel: #0f1b2e;--panel2: #0d1728;--text: #e7edf7;--muted: #93a4bd;--line: rgba(255, 255, 255, .08);--radius: 16px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body{background:radial-gradient(1100px 700px at 20% 5%,rgba(67,105,255,.25),transparent 55%),radial-gradient(900px 600px at 85% 30%,rgba(52,211,153,.12),transparent 60%),var(--bg);color:var(--text)}a{color:inherit}.container{max-width:1180px;margin:0 auto;padding:24px}.header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.title{display:flex;flex-direction:column;gap:6px}.h1{font-size:22px;font-weight:800;letter-spacing:.2px;margin:0}.subtitle{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.grid{display:grid;grid-template-columns:320px 1fr;gap:16px}@media(max-width:980px){.grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 10px 30px #00000038}.panelTitle{font-size:12px;color:var(--muted);margin:0 0 12px;letter-spacing:.35px;text-transform:uppercase}.kpiRow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:980px){.kpiRow{grid-template-columns:1fr}}.kpi{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--line);border-radius:14px;padding:14px}.kpiLabel{font-size:12px;color:var(--muted);margin:0 0 6px}.kpiValue{font-size:26px;font-weight:800;margin:0}.kpiHint{margin:8px 0 0;font-size:12px;color:var(--muted)}.hr{height:1px;background:var(--line);border:0;margin:14px 0}.filters{display:flex;flex-direction:column;gap:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.field select,.field input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0a1220a6;color:var(--text);outline:none}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-size:12px}.servantList{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.servantItem{font-size:13px;padding:8px 12px;background:#ffffff05;border:1px solid transparent;border-radius:10px;cursor:help;display:flex;justify-content:space-between;align-items:center;transition:all .2s;position:relative}.servantItem:hover{background:#4369ff1a;border-color:#4369ff4d;color:#fff}.servantTooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#1a2744;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 15px #0006;padding:10px;border-radius:8px;width:220px;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s;visibility:hidden}.servantItem:hover .servantTooltip{opacity:1;visibility:visible}.tooltipTitle{font-weight:700;font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;display:block}.tooltipContent{font-size:12px;color:#fff;display:block;margin-bottom:8px}.tooltipContent:last-child{margin-bottom:0}.scrollable-chart{scrollbar-width:none;-ms-overflow-style:none}.scrollable-chart::-webkit-scrollbar{display:none}