:root{color-scheme:dark;--bg:#06101e;--panel:#0d1b30cc;--line:#233b5d;--text:#f4f7fb;--muted:#91a2bb;--blue:#2f8cff;--cyan:#39d7c8;--gold:#ffd568;--red:#ff6b72}
.brand .brand-logo{display:block;width:48px;height:48px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 12px #ffc84e22)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#173c70 0,transparent 40%),linear-gradient(145deg,#07111f,#050b14 70%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.glow{position:fixed;border-radius:50%;filter:blur(80px);opacity:.14;pointer-events:none}.glow-one{width:420px;height:420px;background:#147dff;right:-150px;top:120px}.glow-two{width:300px;height:300px;background:#27d4c0;left:-160px;bottom:0}main{width:min(1480px,calc(100% - 48px));margin:auto;padding:28px 0 64px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 38px}.brand{display:flex;align-items:center;gap:13px}.brand .mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffe298;border-radius:12px;background:linear-gradient(145deg,#ffe694,#e6af3f);color:#07101e;font-size:25px;font-weight:950;box-shadow:0 0 28px #ffc84e33}.brand strong{letter-spacing:.14em;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:12px}.status{font-size:13px;padding:8px 12px;border-radius:999px;border:1px solid}.status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.status.waiting{color:#b9c7dc;border-color:#344a68}.status.waiting::before{background:#8da1bd}.status.online{color:#8aebc9;border-color:#28775f;background:#103e32}.status.online::before{background:#45e0aa;box-shadow:0 0 12px #45e0aa}.status.offline{color:#ff9ba0;border-color:#71383e;background:#36161b}.status.offline::before{background:#ff6b72}.secondary,button{border:0;border-radius:10px;background:linear-gradient(135deg,#247bec,#3b94ff);color:white;padding:11px 16px;font-weight:750;cursor:pointer}.secondary{background:#10233c;border:1px solid #2b4669}.hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:32px;padding:18px 0 38px}.eyebrow{margin:0 0 10px;color:#64a9ff;font-size:12px;font-weight:850;letter-spacing:.14em}.hero h1{margin:0;font-size:clamp(42px,5vw,75px);line-height:.97;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--gold)}.intro{max-width:680px;margin:22px 0 0;color:#b4c1d4;font-size:18px;line-height:1.6}.hero-meta{justify-self:end;width:min(100%,370px);padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#0b192b99}.hero-meta span,.hero-meta small{display:block;color:var(--muted);font-size:12px}.hero-meta strong{display:block;margin:6px 0 10px;font-size:18px}.error{padding:16px 18px;margin-bottom:20px;border:1px solid #7b343c;background:#35151acc;color:#ffbec2;border-radius:12px}.hidden{display:none}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kpi{position:relative;overflow:hidden;min-height:148px;padding:19px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#10213a,#0a1729);box-shadow:0 12px 35px #00000024}.kpi::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#398fff;filter:blur(40px);opacity:.16;right:-20px;top:-20px}.kpi.accent{border-color:#2d70bd;background:linear-gradient(145deg,#153c69,#0b213d)}.kpi.gold{border-color:#705e31}.kpi.gold::after{background:var(--gold);opacity:.28}.kpi span{display:block;min-height:36px;color:#a9b8cd;font-size:13px}.kpi strong{display:block;margin:8px 0 4px;font-size:31px;letter-spacing:-.04em}.kpi small{color:#70839e;font-size:11px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.grid.lower{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d1d33e8,#081524e8);padding:24px;min-width:0}.panel h2{margin:0;font-size:22px;letter-spacing:-.025em}.panel-title{display:flex;align-items:start;justify-content:space-between}.legend{color:var(--muted);font-size:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-right:7px}.chart{height:240px;display:flex;align-items:end;gap:5px;padding-top:24px;border-bottom:1px solid #29425f}.bar-wrap{flex:1;height:100%;display:flex;align-items:end;position:relative}.bar{width:100%;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#41dfd0,#2684fa);opacity:.82;transition:.25s}.bar-wrap:hover .bar{opacity:1;filter:brightness(1.18)}.bar-wrap:hover::after{content:attr(data-tip);position:absolute;bottom:calc(var(--height) + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#edf5ff;color:#07101e;font-size:11px;font-weight:800;padding:5px 7px;border-radius:6px;z-index:2}.activity-list{margin-top:16px}.activity-list div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #1c334f}.activity-list span{color:#a6b5ca;font-size:14px}.activity-list strong{font-size:20px}.funnel{display:grid;gap:10px;margin-top:22px}.funnel-row{display:grid;grid-template-columns:145px 1fr 55px;align-items:center;gap:12px}.funnel-row span{color:#aebbd0;font-size:13px}.funnel-track{height:28px;background:#0b1421;border:1px solid #1a304b;border-radius:8px;overflow:hidden}.funnel-fill{height:100%;min-width:3px;border-radius:7px;background:linear-gradient(90deg,#247eef,#37d7c6)}.funnel-row strong{text-align:right}.note{color:#7387a2;font-size:12px;line-height:1.55;margin:18px 0 0}.services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.service{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #213a59;border-radius:11px;background:#0a1728}.service span{font-size:13px}.service b{font-size:11px;color:#6fe0b5}.service.disabled b{color:#8394aa}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7186a3;font-weight:700;padding:11px 8px;border-bottom:1px solid #29415e}td{padding:13px 8px;border-bottom:1px solid #172b44;color:#c8d3e2}td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){text-align:right}.empty{text-align:center!important;color:#71839d;padding:28px!important}.pilotage form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.pilotage label{color:#97a8be;font-size:12px}.pilotage input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #294767;border-radius:9px;background:#071321;color:white;font:inherit}.pilotage button{align-self:end}.pilotage #save-status{align-self:center;color:#75dbba;font-size:12px}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid,.grid.lower{grid-template-columns:1fr}}@media(max-width:680px){main{width:min(100% - 26px,1480px)}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.hero{grid-template-columns:1fr}.hero-meta{justify-self:stretch}.kpis{grid-template-columns:1fr 1fr}.pilotage form{grid-template-columns:1fr}.services{grid-template-columns:1fr}}@media(max-width:440px){.kpis{grid-template-columns:1fr}.funnel-row{grid-template-columns:110px 1fr 42px}}