:root{color:#dff7eb;font-synthesis:none;--bg:#07140f;--panel:#0c1b15;--panel2:#102019;--border:#20352c;--text:#dff7eb;--muted:#82958d;--green:#62f5ad;--green2:#22c77a;--danger:#ff8b8b;background:#07140f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%,#123023 0,transparent 36%),var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#07140fd6;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font:700 20px ui-sans-serif;display:flex}.brand-mark{background:var(--green);color:#062216;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.topbar nav{align-items:center;gap:8px;display:flex}.topbar nav a,.ghost-btn{color:#b5c8bf;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;display:flex}.topbar nav a:hover,.ghost-btn:hover{color:#fff;background:#102019}.container{width:min(1180px,100% - 40px);margin:0 auto;padding:44px 0 64px}.footer{text-align:center;color:#5f756b;border-top:1px solid #13281f;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{margin:7px 0;font:700 clamp(30px,4vw,44px) ui-sans-serif}.page-head p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.13em;color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary-btn{background:var(--green);color:#062216;padding:13px 18px;box-shadow:0 8px 30px #62f5ad1f}.primary-btn:hover{background:#7dffbd}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn.compact,.secondary-btn{padding:10px 14px}.secondary-btn{color:#dff7eb;border:1px solid var(--border);background:#102019}.text-btn{color:#8daaa0;cursor:pointer;background:0 0;border:0}.panel{border:1px solid var(--border);background:linear-gradient(#102019f5,#0a1a13f5);border-radius:17px;padding:20px;box-shadow:0 16px 48px #0000001f}.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:#9eb2a8;flex-direction:column;gap:7px;font-size:13px;display:flex}input,select{color:var(--text);background:#091812;border:1px solid #294037;border-radius:9px;outline:none;padding:10px 11px}input:focus,select:focus{border-color:#46d592;box-shadow:0 0 0 3px #46d5921a}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.site-card{border:1px solid var(--border);background:#0b1914;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .18s;display:flex}.site-card:hover{background:#0e2119;border-color:#37604d;transform:translateY(-2px)}.site-icon{width:46px;height:46px;color:var(--green);background:#123023;border-radius:12px;place-items:center;display:grid}.grow{flex:1}.site-card h3{margin:0 0 3px;font:650 17px ui-sans-serif}.muted{color:var(--muted);margin:0}.capitalize{text-transform:capitalize}.mini-meta{color:#638076;align-items:center;gap:5px;margin-top:9px;font-size:12px;display:flex}.empty-state{text-align:center;background:#091812;border:1px dashed #2a463a;border-radius:20px;padding:70px 24px}.empty-state .empty-icon{width:56px;height:56px;color:var(--green);background:#123023;border-radius:17px;place-items:center;margin:auto;display:grid}.empty-state h2{margin:18px 0 8px;font-family:Manrope}.empty-state p{color:var(--muted);max-width:470px;margin:0 auto 22px}.auth-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-hero{background:radial-gradient(circle at 30% 40%,#32ad7224,#0000 40%);flex-direction:column;justify-content:center;padding:8vw;display:flex}.auth-hero h1{letter-spacing:-.04em;max-width:850px;margin:18px 0 22px;font:700 clamp(44px,6vw,78px)/1.04 ui-sans-serif}.auth-hero h1 em{color:var(--green);font-style:normal}.auth-hero>p{color:#98aea4;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:#a9beb5;align-items:center;gap:8px;font-size:14px;display:flex}.feature-row svg{width:17px;color:var(--green)}.auth-card-wrap{background:#091711;place-items:center;padding:32px;display:grid}.auth-card{border:1px solid var(--border);background:#0d1f17;border-radius:20px;flex-direction:column;gap:16px;width:min(430px,100%);padding:32px;display:flex;box-shadow:0 30px 70px #00000040}.auth-card h2{margin:0;font:700 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{color:#ffc2c2;background:#351b1d;border:1px solid #693238;border-radius:10px;margin:10px 0;padding:11px 13px}.back-link{color:#7c9589;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:#b8d1c3;background:#13261a;border:1px solid #38523f;border-radius:14px;align-items:flex-start;gap:15px;margin-bottom:20px;padding:18px 20px;display:flex}.setup-banner>svg{color:#80e6a5}.setup-banner p{color:#8da99a;margin:4px 0 0}.setup-banner code{color:#bfffd9}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--border);background:#0b1914;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.metric-icon{width:40px;height:40px;color:var(--green);background:#123024;border-radius:11px;place-items:center;display:grid}.metric-card span{color:#758b81;margin-bottom:3px;font-size:12px;display:block}.metric-card strong{font:700 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:700 18px ui-sans-serif}.panel-kicker{letter-spacing:.14em;color:#6f8b7e;font-size:10px;font-weight:700}.model-chip,.saving-badge{color:#9ce1bb;background:#10291e;border:1px solid #28483a;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.chart-wrap{margin-left:-4px}.chart-empty{color:#5f796d;text-align:center;align-content:center;place-items:center;gap:10px;min-height:300px;display:grid}.chart-empty svg{width:36px;height:36px}.chart-empty.small{min-height:180px}.rec-list{flex-direction:column;gap:10px;display:flex}.rec-card{background:#0a1812;border:1px solid #1b3429;border-radius:12px;gap:11px;padding:13px;display:flex}.risk-dot{background:#ffbd66;border-radius:99px;flex:none;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 4px #ffbd6617}.rec-card strong{font:600 14px ui-sans-serif}.rec-card p{color:#8fa59a;margin:5px 0;font-size:12.5px;line-height:1.5}.rec-meta{flex-wrap:wrap;gap:8px;display:flex}.rec-meta span{color:#769486;background:#11251c;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:#8da99a;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)}}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-hero{padding:70px 30px}.auth-card-wrap{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%}}@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%}}