:root{--bg:#f5f7fa;--paper:#fff;--ink:#091322;--muted:#6e7a8d;--line:#e1e7ee;--navy:#081524;--navy2:#10243b;--orange:#ff6b2c;--orange-soft:#fff0e9;--green:#17a86f;--red:#c15353;--yellow:#aa7c16;--shadow:0 20px 60px rgba(9,19,34,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--navy);color:#fff;padding:27px 18px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 28px}.brand-mark,.mini-logo{width:38px;height:38px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900;position:relative}.brand-mark:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;right:-3px;bottom:-3px}.brand>span:last-child{display:grid;gap:4px;line-height:1}.brand strong{font-size:16px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.22em;color:#8090a7;font-weight:800}.side-nav{display:grid;gap:4px}.side-nav a{min-height:44px;border-radius:11px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#8fa0b7;font-size:12px;font-weight:650;transition:.18s}.side-nav a span{font-size:16px;width:19px;text-align:center}.side-nav a:hover,.side-nav a.active{background:#14263d;color:#fff}.side-nav a.active:before{content:"";width:3px;height:20px;border-radius:3px;background:var(--orange);margin-left:-13px}.side-spacer{flex:1}.side-nav.secondary{border-top:1px solid #1d2c40;padding-top:13px;margin-top:13px}.app-main{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:20}.environment{font-size:9px;font-weight:850;letter-spacing:.11em;color:#778397;display:flex;align-items:center;gap:8px}.environment i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(23,168,111,.1)}.top-user{margin-left:auto;display:flex;align-items:center;gap:10px}.top-user>span:last-child{display:grid;gap:2px}.top-user strong{font-size:11px}.top-user small{font-size:9px;color:#8b96a7}.avatar{width:34px;height:34px;background:#e9edf3;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:850}.menu-button{display:none;border:0;background:none;font-size:20px;margin-right:15px}.content-shell{width:min(1240px,calc(100% - 68px));margin:0 auto;padding:55px 0 70px;flex:1}.app-footer{height:58px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px;color:#99a3b0;font-size:9px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.kicker{display:block;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:11px}.page-heading h1{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.045em;margin:0}.page-heading p{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.6}.soft-button,.outline-button,.tiny-button{border:1px solid var(--line);background:#fff;border-radius:10px;color:#48566b;font-size:10px;font-weight:750;padding:10px 14px}.primary-button{border:0;border-radius:11px;background:var(--orange);color:#fff;font-weight:800;min-height:48px;padding:0 20px;cursor:pointer}.primary-button.compact{min-height:42px;font-size:11px}.primary-button:hover{filter:brightness(.98);transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px;display:grid;gap:7px}.stats-grid span{font-size:9px;color:#8a95a5;font-weight:750}.stats-grid strong{font-size:28px;letter-spacing:-.04em}.stats-grid small{font-size:9px;color:#9ca5b2}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 35px rgba(9,19,34,.035);overflow:hidden}.panel-head{min-height:84px;padding:22px 25px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.025em}.panel-head p{margin:5px 0 0;color:#929dac;font-size:9px}.panel-head a{font-size:10px;font-weight:750;color:#566479}.item-list,.invoice-list{display:grid}.item-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;min-height:75px;padding:0 24px;border-top:1px solid #f0f2f5}.item-row:first-child{border:0}.service-icon{width:36px;height:36px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:10px;font-weight:900}.service-icon.large{width:44px;height:44px;font-size:13px}.item-main{display:grid;gap:4px}.item-main strong{font-size:11px}.item-main small{font-size:9px;color:#929dac}.status{font-size:9px;font-weight:750;white-space:nowrap}.status.active,.status.paid{color:var(--green)}.status.pending{color:var(--yellow)}.status.suspended,.status.overdue{color:var(--red)}.status.cancelled{color:#8e98a7}.arrow{font-size:16px;color:var(--orange)}.invoice-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;min-height:66px;padding:0 24px;border-top:1px solid #f0f2f5}.invoice-row:first-child{border:0}.invoice-row>span:first-child{display:grid;gap:3px}.invoice-row strong{font-size:10px}.invoice-row small{font-size:8px;color:#98a2b0}.invoice-row>b{font-size:10px}.empty{padding:36px 25px;text-align:center;color:#8d98a8}.empty.tall{padding:70px 25px}.empty b{display:block;color:#526075;font-size:11px}.empty p{font-size:10px;line-height:1.6;margin:8px auto 0;max-width:440px}.getting-started{margin-top:20px;padding:28px 30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.getting-started h2{font-size:23px;margin:0}.getting-started p{font-size:11px;color:var(--muted);line-height:1.6;max-width:650px}.roadmap{display:grid;grid-template-columns:repeat(2,auto);gap:8px 22px;font-size:9px;color:#8a96a7}.roadmap .done{color:var(--green)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px}.service-card{border:1px solid var(--line);border-radius:16px;padding:20px}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start}.service-card .label{display:block;font-size:8px;color:#9ba4b1;letter-spacing:.12em;font-weight:800;margin:20px 0 7px}.service-card h3{font-size:20px;margin:0}.service-card p{font-size:10px;color:var(--muted);min-height:32px}.service-meta{border-block:1px solid #edf0f4;padding:14px 0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-meta span{display:grid;gap:4px}.service-meta small{font-size:8px;color:#9ca5b2}.service-meta strong{font-size:9px}.outline-button{width:100%;opacity:.6}.domain-table{display:grid}.table-head,.table-row{display:grid;grid-template-columns:1.5fr .7fr .8fr .65fr auto;gap:18px;align-items:center;padding:0 24px}.table-head{height:42px;background:#fafbfc;color:#97a1ae;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.table-row{min-height:68px;border-top:1px solid #edf0f4;font-size:10px}.table-row>span:first-child{display:grid;gap:3px}.table-row small{font-size:8px;color:#9ca5b2}.tiny-button{padding:7px 10px;font-size:8px;opacity:.6}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.read-grid{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.read-grid label{font-size:8px;color:#98a2b0;display:grid;gap:6px}.read-grid span{font-size:11px;color:#36455a;font-weight:650}.security-list{padding:12px 24px 24px;display:grid}.security-list>span{min-height:66px;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center}.security-list i{grid-row:1/3;width:27px;height:27px;border-radius:8px;background:#e9f8f2;color:var(--green);display:grid;place-items:center;font-style:normal;font-size:9px}.security-list b{font-size:10px}.security-list small{font-size:8px;color:#98a2b0}.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px;font-size:10px}.flash.success{background:#eaf8f3;color:#197c59}.flash.error,.form-error{background:#fff0f0;color:#a94141;border:1px solid #f3d0d0}.login-body{background:var(--navy)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{padding:55px 7vw;background:radial-gradient(circle at 20% 20%,#18334f 0,#091625 50%,#07111e 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.brand-light{padding:0}.brand-mark.light{background:#fff;color:var(--navy)}.login-brand>div:nth-child(2){max-width:650px}.login-kicker{font-size:9px;color:#ff976d;letter-spacing:.16em;font-weight:850}.login-brand h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.055em;line-height:.98;margin:18px 0}.login-brand h1 em{font-style:normal;color:var(--orange)}.login-brand p{color:#8ea0b6;line-height:1.7;max-width:540px;font-size:14px}.login-brand>small{font-size:9px;color:#53667f}.login-panel{background:#f6f8fb;display:grid;place-items:center;padding:40px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:38px}.login-heading{margin-bottom:28px}.login-heading .mini-logo{margin-bottom:22px}.login-heading h2{font-size:30px;letter-spacing:-.04em;margin:0}.login-heading p{font-size:11px;color:var(--muted)}.login-card label,.stack-form label{display:grid;gap:7px;margin:15px 0;font-size:9px;color:#68758a;font-weight:700}.login-card input,.stack-form input{height:48px;border:1px solid #dce3ea;border-radius:10px;padding:0 13px;outline:none;background:#fbfcfd;color:var(--ink)}.login-card input:focus,.stack-form input:focus{border-color:#b8c5d2;box-shadow:0 0 0 4px rgba(9,21,37,.04)}.login-card .primary-button{width:100%;margin-top:7px}.form-error{padding:10px 12px;border-radius:9px;font-size:9px}.login-help{display:flex;justify-content:space-between;margin-top:17px;font-size:8px;color:#9aa4b2}.setup-body{background:#f5f7fa;min-height:100vh;display:grid;place-items:center;padding:30px}.setup-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.setup-card h1{font-size:28px;margin:18px 0 6px}.setup-card>p{font-size:10px;color:var(--muted);line-height:1.6}.stack-form{margin-top:22px}.setup-card code{background:#f1f4f7;padding:2px 5px;border-radius:5px}.setup-card .flash a{text-decoration:underline}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-col{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}.getting-started{grid-template-columns:1fr}.login-layout{grid-template-columns:.85fr 1.15fr}.login-brand{padding:45px}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app-main{display:flex}.menu-button{display:block}.content-shell{width:min(100% - 28px,650px);padding:35px 0 55px}.topbar{padding:0 15px}.environment{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.service-cards{grid-template-columns:1fr}.domain-table{overflow-x:auto}.table-head,.table-row{min-width:650px}.read-grid{grid-template-columns:1fr}.app-footer{padding:0 15px}.login-layout{display:block}.login-brand{display:none}.login-panel{min-height:100vh;padding:18px}.login-card{padding:28px 22px}.top-user small{display:none}}@media(max-width:460px){.stats-grid{grid-template-columns:1fr}.content-shell{width:calc(100% - 20px)}.top-user>span:last-child{display:none}}