:root{color:#eaf4ff;font-synthesis:none;--bg:#07111f;--bg-soft:#091627;--panel:#0d1a2c;--panel2:#101f34;--panel-hover:#132740;--border:#203851;--border-strong:#2d5575;--text:#eaf4ff;--muted:#8fa8bf;--subtle:#66829b;--accent:#58d6ff;--accent-strong:#24b8ea;--accent-soft:#58d6ff1f;--positive:#73e6a7;--positive-soft:#73e6a71f;--purple:#9d8cff;--purple-soft:#9d8cff21;--warning:#ffca70;--warning-soft:#ffca701f;--danger:#ff8292;--danger-soft:#ff82921f;--green:var(--accent);--green2:var(--accent-strong);background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% -8%,#2ebaeb33,#0000 30%),radial-gradient(circle at 92% 4%,#9d8cff21,#0000 26%),linear-gradient(#07111f 0%,#081423 46%,#07111f 100%);margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);z-index:10;background:#07111fd1;border-bottom:1px solid #46759b57;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0;box-shadow:0 10px 34px #0000001f}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font:750 20px ui-sans-serif;display:flex}.brand-mark{color:#03121c;background:linear-gradient(135deg, var(--accent), #86ecff);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #58d6ff3d}.topbar nav{align-items:center;gap:8px;display:flex}.topbar nav a,.ghost-btn{color:#a9bfd2;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;transition:all .18s;display:flex}.topbar nav a:hover,.ghost-btn:hover{color:#f6fbff;background:#58d6ff14}.container{width:min(1180px,100% - 40px);margin:0 auto;padding:44px 0 64px}.footer{text-align:center;color:#607d96;border-top:1px solid #375b7947;padding:25px;font-size:13px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.035em;margin:7px 0;font:750 clamp(30px,4vw,44px) ui-sans-serif}.page-head p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.14em;color:var(--accent);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:750;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.primary-btn{color:#03131d;background:linear-gradient(135deg,#63ddff,#29bee9);border:1px solid #a1ecff6b;padding:13px 18px;box-shadow:0 9px 28px #24b8ea33,inset 0 1px #ffffff47}.primary-btn:hover{background:linear-gradient(135deg,#7ae4ff,#40c8ef);transform:translateY(-1px);box-shadow:0 12px 34px #24b8ea47}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-btn.compact,.secondary-btn{padding:10px 14px}.secondary-btn{border:1px solid var(--border);color:#dcecff;background:linear-gradient(#152a43eb,#0e1f33f5)}.secondary-btn:hover{border-color:var(--border-strong);background:#142a43;transform:translateY(-1px)}.text-btn{color:#8fb7d0;cursor:pointer;background:0 0;border:0}.text-btn:hover{color:var(--accent)}.panel{background:linear-gradient(#101f34f7,#0a1728f7);border:1px solid #375c7c7a;border-radius:18px;padding:20px;box-shadow:0 18px 55px #0000002b,inset 0 1px #ffffff05}.create-panel{grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:14px;margin:-8px 0 24px;display:grid}.panel label,.auth-card label,.tariff-form label{color:#a8bfd3;flex-direction:column;gap:7px;font-size:13px;display:flex}input,select{color:var(--text);background:#061220db;border:1px solid #28445e;border-radius:10px;outline:none;padding:10px 11px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:#5e7890}input:hover,select:hover{border-color:#365c7b}input:focus,select:focus{border-color:var(--accent-strong);background:#091b2d;box-shadow:0 0 0 3px #58d6ff1c}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.site-card{background:linear-gradient(145deg,#0c1a2d,#0a1727);border:1px solid #2f526f94;border-radius:17px;align-items:stretch;gap:8px;padding:20px;transition:all .2s;display:flex;box-shadow:0 12px 34px #0000001a}.site-card:hover{background:linear-gradient(145deg,#10243a,#0c1b2d);border-color:#58d6ff70;transform:translateY(-3px);box-shadow:0 16px 42px #00000029}.site-icon{width:46px;height:46px;color:var(--accent);background:linear-gradient(145deg,#58d6ff29,#9d8cff1a);border:1px solid #58d6ff29;border-radius:13px;place-items:center;display:grid}.grow{flex:1}.site-card h3{margin:0 0 3px;font:680 17px ui-sans-serif}.site-card-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.site-open-icon{color:#6e8ba4;flex:none}.site-card-actions{border-left:1px solid #2f526f6b;align-items:center;gap:6px;padding-left:8px;display:flex}.icon-btn{border:1px solid var(--border);color:#9fb8cb;cursor:pointer;background:#0a192bd1;border-radius:10px;place-items:center;width:36px;height:36px;transition:all .18s;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--border-strong);background:#142a43}.icon-btn.danger:hover{color:#ffb0bb;background:var(--danger-soft);border-color:#ff829273}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020810c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#10213a,#0a1728);border:1px solid #46739694;border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 30px 90px #0000006b}.modal-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.modal-head h2,.delete-dialog h2{letter-spacing:-.025em;margin:5px 0 0;font:740 22px ui-sans-serif}.site-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.site-form label{color:#a8bfd3;flex-direction:column;gap:7px;font-size:13px;display:flex}.span-2{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.danger-btn{color:#25060b;cursor:pointer;background:linear-gradient(135deg,#ff8b9a,#f25f73);border:1px solid #ff829270;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.danger-btn:hover{filter:brightness(1.06)}.danger-btn:disabled{opacity:.55;cursor:not-allowed}.delete-dialog{text-align:center;width:min(500px,100%);padding:28px}.delete-dialog p{color:var(--muted);max-width:430px;margin:10px auto 22px;line-height:1.65}.delete-icon{width:52px;height:52px;color:var(--danger);background:var(--danger-soft);border:1px solid #ff829247;border-radius:15px;place-items:center;margin:0 auto 14px;display:grid}.delete-dialog .modal-actions{justify-content:center}.muted{color:var(--muted);margin:0}.capitalize{text-transform:capitalize}.mini-meta{color:#6f8da5;align-items:center;gap:5px;margin-top:9px;font-size:12px;display:flex}.empty-state{text-align:center;background:#081727b8;border:1px dashed #34536d;border-radius:20px;padding:70px 24px}.empty-state .empty-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:17px;place-items:center;margin:auto;display:grid}.empty-state h2{margin:18px 0 8px;font-family:Manrope,ui-sans-serif}.empty-state p{color:var(--muted);max-width:470px;margin:0 auto 22px}.auth-page{background:radial-gradient(circle at 18% 24%,#58d6ff1f,#0000 34%),radial-gradient(circle at 54% 78%,#9d8cff1c,#0000 30%),#07111f;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-hero{flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#73e6a71a,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;right:-180px}.auth-hero h1{letter-spacing:-.05em;max-width:850px;margin:18px 0 22px;font:760 clamp(44px,6vw,78px)/1.04 ui-sans-serif}.auth-hero h1 em{color:#0000;background:linear-gradient(90deg,#63dcff,#76e9bb 58%,#a99cff);-webkit-background-clip:text;background-clip:text;font-style:normal}.auth-hero>p{color:#9eb5c8;max-width:650px;font-size:18px;line-height:1.7}.feature-row{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.feature-row span{color:#b2c7d8;background:#0c1c2f80;border:1px solid #43698959;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.feature-row svg{width:17px;color:var(--accent)}.auth-card-wrap{background:#060f1b6b;border-left:1px solid #375c7c38;place-items:center;padding:32px;display:grid}.auth-card{background:linear-gradient(#102137fa,#0a1728fa);border:1px solid #45709485;border-radius:22px;flex-direction:column;gap:16px;width:min(430px,100%);padding:32px;display:flex;box-shadow:0 30px 80px #0000004d,inset 0 0 0 1px #ffffff03}.auth-card h2{letter-spacing:-.025em;margin:0;font:750 27px ui-sans-serif}.auth-card>div:first-child p{color:var(--muted);margin:7px 0 4px}.auth-card .primary-btn{margin-top:3px}.error-box{background:var(--danger-soft);color:#ffc1ca;border:1px solid #ff829259;border-radius:10px;margin:10px 0;padding:11px 13px}.back-link{color:#7f9bb2;align-items:center;gap:7px;margin-bottom:18px;font-size:14px;display:inline-flex}.dashboard-head{align-items:center}.actions{flex-wrap:wrap;gap:9px;display:flex}.setup-banner{color:#cfe9f9;background:linear-gradient(100deg,#58d6ff1a,#9d8cff0f);border:1px solid #58d6ff3d;border-radius:14px;align-items:flex-start;gap:15px;margin-bottom:20px;padding:18px 20px;display:flex}.setup-banner>svg{color:var(--accent)}.setup-banner p{color:#93afc3;margin:4px 0 0}.setup-banner code{color:#a5eaff}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric-card{background:linear-gradient(155deg,#0d1b2e,#0a1727);border:1px solid #3153708c;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 12px 32px #0000001a}.metric-icon{background:var(--accent-soft);width:41px;height:41px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.metric-card:nth-child(2) .metric-icon{background:var(--positive-soft);color:var(--positive)}.metric-card:nth-child(3) .metric-icon{background:var(--purple-soft);color:var(--purple)}.metric-card:nth-child(4) .metric-icon{background:var(--warning-soft);color:var(--warning)}.metric-card span{color:#7895ac;margin-bottom:3px;font-size:12px;display:block}.metric-card strong{letter-spacing:-.02em;font:750 21px ui-sans-serif}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{margin:4px 0;font:720 18px ui-sans-serif}.panel-kicker{letter-spacing:.14em;color:#718ea5;font-size:10px;font-weight:800}.model-chip,.saving-badge{background:var(--positive-soft);color:#9aefbd;border:1px solid #73e6a73d;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.model-chip{background:var(--accent-soft);color:#a7eaff;border-color:#58d6ff3b}.chart-wrap{margin-left:-4px}.chart-empty{color:#66859d;text-align:center;align-content:center;place-items:center;gap:10px;min-height:300px;display:grid}.chart-empty svg{color:#4c7997;width:36px;height:36px}.chart-empty.small{min-height:180px}.rec-list{flex-direction:column;gap:10px;display:flex}.rec-card{background:#081625db;border:1px solid #30526d85;border-radius:12px;gap:11px;padding:13px;display:flex}.risk-dot{background:var(--warning);border-radius:99px;flex:none;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 4px #ffca7017}.rec-card strong{font:650 14px ui-sans-serif}.rec-card p{color:#8da8bc;margin:5px 0;font-size:12.5px;line-height:1.5}.rec-meta{flex-wrap:wrap;gap:8px;display:flex}.rec-meta span{color:#7fa5bd;background:#58d6ff13;border-radius:6px;padding:4px 6px;font-size:10.5px}.tariff-form{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.tariff-form .panel-head{width:100%;margin-bottom:0}.three-cols{gap:8px;display:flex}.loading{color:#92aec2;justify-content:center;align-items:center;gap:10px;min-height:50vh;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.datadis-panel{margin-bottom:16px}.datadis-note{color:#8da8bc;max-width:850px;margin:0 0 16px;font-size:13px;line-height:1.55}.datadis-credentials{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;display:grid}.datadis-connect{height:42px}.datadis-import{border-top:1px solid #3254717a;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;display:flex}.datadis-import>label{max-width:100%}.two-cols{grid-template-columns:1fr 1fr;gap:12px;max-width:560px;display:grid}.datadis-warning{background:var(--warning-soft);color:#f0cd8c;border:1px solid #ffca704d;border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.datadis-warning svg{flex:none;margin-top:1px}.success-box{background:var(--positive-soft);color:#a5eec2;border:1px solid #73e6a74d;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:13px}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-hero{padding:70px 30px}.auth-card-wrap{border-top:1px solid #375c7c38;border-left:0;padding:30px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.create-panel{grid-template-columns:1fr 1fr}.site-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.dashboard-head .actions{width:100%}.datadis-credentials{grid-template-columns:1fr 1fr}.datadis-connect{grid-column:1/-1;width:max-content}}@media (width<=580px){.container{width:min(100% - 24px,1180px);padding-top:28px}.topbar{padding:0 14px}.topbar nav a{display:none}.metrics-grid,.create-panel{grid-template-columns:1fr}.auth-hero{padding:55px 22px}.auth-hero h1{font-size:42px}.auth-card{padding:23px}.actions .secondary-btn,.actions .primary-btn{flex:1}.three-cols{flex-direction:column;width:100%}.datadis-credentials,.two-cols{grid-template-columns:1fr}.datadis-connect{width:100%}}@media (width<=620px){.site-card{padding:16px}.site-card-actions{flex-direction:column}.site-form{grid-template-columns:1fr}.site-form .span-2{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%}}