:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4ff;background:#070b13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 10%,#10284b 0,#080d17 34%,#05070c 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:#04111c;background:#38bdf8;border:0;border-radius:10px;padding:.75rem 1rem;font-weight:800}button:disabled{opacity:.55;cursor:wait}input,select{color:#eaf2ff;background:#0c1422;border:1px solid #22314a;border-radius:9px;padding:.72rem .85rem}label{color:#aab9cf;gap:.45rem;display:grid}.auth-shell,.loading{place-items:center;min-height:100vh;padding:2rem;display:grid}.panel{background:#0c1320e0;border:1px solid #1f3048;border-radius:18px;padding:1.4rem;box-shadow:0 24px 80px #00000047}.auth{gap:1rem;width:min(430px,100%);display:grid}.auth h1{margin:.5rem 0}.brand{letter-spacing:.08em;font-weight:950}.brand span{color:#38bdf8}.link{color:#8bdcff;background:0 0}.error{color:#ff9a9a}.banner{background:#3a151d;border-radius:10px;padding:.75rem 1rem}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#050910e6;border-right:1px solid #17253a;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.3rem;display:flex;position:sticky;top:0}nav{gap:.55rem;display:grid}nav a{color:#9db1cb;border-radius:9px;padding:.7rem;text-decoration:none}nav a:hover{color:#fff;background:#101b2d}.logout{color:#d5e4f7;background:#182437;margin-top:auto}main{width:100%;max-width:1500px;margin:0 auto;padding:2rem}header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}header h1{margin:.15rem 0}small{color:#8396af}.badge,.status{color:#9edcff;background:#15243a;border-radius:999px;padding:.42rem .7rem;font-size:.82rem}.badge.active,.status.connected{color:#7bf0c4;background:#10372e}.badge.past_due,.status.warning{color:#ffd37a;background:#3c2d12}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.cards article{background:#0c1422;border:1px solid #1c2c42;border-radius:15px;padding:1.25rem}.cards span{color:#8da0b9;display:block}.cards strong{font-size:2rem}.section-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title form{gap:.55rem;display:flex}.plans{gap:.7rem;display:flex}.table{margin-top:1rem;display:grid}.row{border-top:1px solid #1b2a3f;grid-template-columns:1.4fr .5fr 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.row small{margin-top:.25rem;display:block}.metrics{text-align:right;color:#9aacbf}.insight{border-top:1px solid #1b2a3f;margin-top:1rem;padding-top:1rem}.insight span{text-transform:uppercase;color:#ffbf69;font-size:.75rem}.insight h3{margin:.25rem 0}.insight p{color:#a9b8cb}@media (max-width:850px){.app-shell{grid-template-columns:1fr}aside{height:auto;position:static}.cards{grid-template-columns:1fr}.section-title,.section-title form{flex-direction:column;align-items:stretch}.row{grid-template-columns:1fr}.metrics{text-align:left}}