:root{--ink:#17141d;--muted:#77717e;--line:#e6e2e9;--bg:#f5f3f7;--purple:#6d36d8;--coral:#ff6848;--green:#178a5a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#17141d;color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;padding:0 8px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-weight:900}.brand div{display:flex;flex-direction:column}.brand strong{letter-spacing:.12em}.brand small{color:#948d9d;font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:42px}.sidebar nav a{display:flex;gap:13px;color:#aaa3b2;text-decoration:none;padding:12px 14px;border-radius:11px;font-weight:600;font-size:14px}.sidebar nav a:hover:not(.disabled),.sidebar nav a:first-child{background:#2a2431;color:#fff}.sidebar nav .disabled{opacity:.48}.sidebar-footer{margin-top:auto;border-top:1px solid #332d3a;padding:18px 10px 0}.sidebar-footer small,.sidebar-footer strong{display:block}.sidebar-footer small{color:#8e8797}.sidebar-footer button{border:0;background:none;color:#c3a9f7;padding:8px 0;cursor:pointer}.main{margin-left:245px;padding:45px;max-width:1500px}.mobile-header{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{display:block;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:8px}.page-head h1{font-size:40px;line-height:1.1;margin:0;letter-spacing:-.035em}.page-head p{color:var(--muted);margin:8px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 17px;font-weight:700;text-decoration:none;cursor:pointer}.button.primary{background:var(--coral);color:white}.button.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.metric span,.metric small{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:27px;margin:12px 0 6px}.metric.purple{background:linear-gradient(135deg,#6d36d8,#4e209f);color:#fff;border:0}.metric.purple span,.metric.purple small{color:#ded0ff}.content-grid{display:grid;grid-template-columns:1.5fr .5fr;gap:16px;margin-top:16px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.card h2{margin:0 0 18px}.checkline{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.checkline>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eee9f6;color:var(--purple)}.checkline strong,.checkline small{display:block}.checkline small{color:var(--muted)}.checkline a{color:var(--purple);font-weight:700;text-decoration:none}.checkline.done>span{color:var(--green);font-size:13px}.checkline.muted{opacity:.55}.security{background:#201b27;color:#fff}.security>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2b9d6b;margin-bottom:25px}.security p{color:#aaa3b2}.search{display:flex;max-width:520px;margin-bottom:16px}.search input{flex:1;border:1px solid var(--line);border-radius:11px 0 0 11px;padding:12px}.search button{border:0;background:#29232f;color:white;padding:0 18px;border-radius:0 11px 11px 0}.table-card{overflow:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}th{font-size:11px;letter-spacing:.1em;color:var(--muted)}td{font-size:14px}td strong,td small{display:block}td small{color:var(--muted)}.status{background:#eeeaf0;color:#766f79;padding:5px 9px;border-radius:20px;font-size:12px}.status.active{background:#e4f5ed;color:var(--green)}.link-button{border:0;background:none;color:var(--purple);cursor:pointer}.empty{text-align:center;padding:70px 20px}.empty>span{font-size:35px;color:var(--purple)}.empty h2{margin:10px 0 5px}.empty p{color:var(--muted)}dialog{border:0;border-radius:20px;padding:0;width:min(600px,calc(100vw - 30px));box-shadow:0 25px 90px #18131f66}dialog::backdrop{background:#17141dba;backdrop-filter:blur(4px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0 0 22px}.dialog-head button{border:0;background:#eeeaf0;width:35px;height:35px;border-radius:9px;font-size:20px}.dialog-head+label,dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;margin-bottom:14px}dialog input,dialog textarea{border:1px solid #dcd7e1;border-radius:10px;padding:11px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert{padding:12px 16px;border-radius:10px;margin-bottom:20px}.alert.success{background:#e1f4eb;color:#146c49}.alert.error{background:#fee6e3;color:#9d3329}@media(max-width:950px){.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{width:200px}.main{margin-left:200px;padding:30px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:14px}.sidebar nav{flex-direction:row;overflow:auto;margin-top:14px}.sidebar-footer{display:none}.main{margin-left:0;padding:22px 15px}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:32px}.metric-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}table{min-width:690px}}
.login-body{min-height:100vh;background:#17141d}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{color:#fff;padding:55px max(35px,7vw);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 30% 70%,#6d36d84d,transparent 38%),#17141d}.login-brand h1{font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.055em;margin:0}.login-brand p{max-width:520px;color:#aaa3b2;font-size:18px}.login-card{background:#fff;padding:clamp(35px,8vw,100px);display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:32px;margin:0}.login-card>div>p{color:var(--muted);margin-bottom:30px}.login-card label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:14px;margin-bottom:16px}.login-card input:not([type=checkbox]){padding:13px;border:1px solid #dcd7e1;border-radius:11px;font:inherit}.login-card .remember{flex-direction:row;align-items:center}.login-help{display:block;text-align:center;color:var(--muted);margin-top:18px}.validation{color:#b6342b;background:#fee9e6;border-radius:9px;margin-bottom:14px}.validation:empty{display:none}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:280px;padding:30px 24px}.login-brand h1{font-size:44px}.login-card{padding:40px 24px}}
.spaced{margin-top:18px}.card-title{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 20px}.card-title h2{margin:0}.card-title a{color:var(--purple);font-weight:700;text-decoration:none}.inline-form{display:flex;gap:8px}.inline-form select{border:1px solid var(--line);border-radius:8px;padding:7px}.status.trial{background:#eee7fc;color:var(--purple)}.status.active{background:#e4f5ed;color:var(--green)}.status.pastdue{background:#fff3d7;color:#986d00}.status.suspended,.status.cancelled{background:#fee6e3;color:#a4372e}
.public-body{min-height:100vh;background:#f6f4f8}.public-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--line)}.button.ghost{color:var(--ink);background:#eeeaf1}.plans-page{max-width:1160px;margin:auto;padding:70px 22px}.plans-head{text-align:center;max-width:700px;margin:0 auto 42px}.plans-head h1{font-size:clamp(38px,5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:0}.plans-head p{color:var(--muted)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--purple);transform:translateY(-8px);box-shadow:0 18px 55px #4521871c}.plan-card>span{font-weight:800}.plan-card>strong{font-size:34px;margin:15px 0}.plan-card>strong small{font-size:14px}.plan-card>strong em{font-size:13px;color:var(--muted);font-style:normal}.plan-card ul{list-style:none;padding:0;margin:0 0 26px;flex:1}.plan-card li{padding:9px 0;border-bottom:1px solid var(--line);color:#5f5963;font-size:14px}.plan-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.onboarding-page{max-width:1060px;margin:65px auto;padding:0 22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.onboarding-page>section h1{font-size:49px;line-height:1.05;letter-spacing:-.045em;margin:0}.onboarding-page>section p,.onboarding-page li{color:var(--muted)}.onboarding-page ol{padding-left:20px}.signup-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 18px 55px #3524430d}.signup-card label{display:block;font-weight:700;font-size:13px;margin:0 0 6px}.signup-card input,.signup-card select{width:100%;border:1px solid #dcd7e1;border-radius:10px;padding:12px;font:inherit;margin-bottom:14px}.signup-card span.field-validation-error{display:block;color:#b6342b;font-size:12px;margin:-10px 0 12px}.success-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,#6d36d822,transparent 45%),#17141d;padding:20px}.success-page main{max-width:570px;text-align:center;background:#fff;border-radius:24px;padding:45px}.success-page main>span{display:grid;place-items:center;width:55px;height:55px;margin:auto;background:#e3f5ec;color:var(--green);border-radius:16px;font-size:28px;font-weight:900}.success-page h1{font-size:36px;margin:18px 0 8px}.success-page p{color:var(--muted);margin-bottom:25px}@media(max-width:850px){.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.onboarding-page{grid-template-columns:1fr;gap:30px}.onboarding-page>section h1{font-size:40px}}@media(max-width:520px){.public-nav .brand div{display:none}.onboarding-page{margin:35px auto}.signup-card{padding:22px}}