@charset "UTF-8";
:root{--surface:#fdfdfc;--raised:#f1f0ef;--control-border:#dad9d6;--accent-soft:#feebe7;--accent-ink:#5c271f;--accent-border:#f3c8bd;--primary:#d13415;--primary-hover:#a92a12;--success:#218358;--success-bg:#e6f6eb;color-scheme:light;--ink:#21201c;--muted:#63635e;--accent:#d13415;--border:#e9e8e6;--paper:#f9f9f8;--danger:#d13415;font-family:var(--font-ui);color:var(--ink);background:var(--paper)}
:root[data-theme="dark"]{--ink:#f1f2eb;--muted:#b3b6aa;--accent:#ff957d;--border:#3b3d36;--paper:#181917;--danger:#ff957d;--surface:#20211e;--raised:#30312c;--control-border:#575a50;--accent-soft:#412c26;--accent-ink:#ffb9a8;--accent-border:#785044;--primary:#b93218;--primary-hover:#a82d16;--success:#77d9a8;--success-bg:#193d2a;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border-radius:8px;border:0;font-weight:600;transition:background .16s,transform .16s}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){transform:translateY(-1px)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;top:-60px;left:10px;z-index:20;background:var(--surface);padding:12px}.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#21201c;color:#f1f0ef;padding:34px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1px;color:#fdfdfc}.brand:hover{text-decoration:none}.brand-icon{position:relative;font-size:43px;line-height:35px;color:#d13415;font-weight:800}.brand-icon span{position:absolute;top:6px;right:-2px;width:9px;height:9px;background:#d13415;transform:rotate(-30deg)}.beta{font-size:9px;letter-spacing:1px;color:#cfceca;border:1px solid #63635e;border-radius:4px;padding:1px 4px}.workspace{display:flex;gap:11px;align-items:center;margin:37px 0 30px;padding:13px 9px;border:1px solid #3f3e39;border-radius:8px;font-size:13px}.workspace small,.profile small{display:block;font-size:11px;color:#cfceca;margin-top:2px}.workspace-icon{display:grid;place-items:center;background:#3f3e39;width:31px;height:32px;border-radius:7px;font-weight:700}.nav-label{font-size:10px;letter-spacing:1.6px;color:#cfceca;margin:0 13px 12px}nav{display:grid;gap:6px}nav a{color:#dad9d6;padding:11px 13px;border-radius:8px;min-height:46px;display:flex;gap:13px;align-items:center}nav a span{font-size:20px;line-height:1;width:22px;text-align:center}nav a:hover{background:#3a3934;text-decoration:none;color:#fdfdfc}nav a.active{color:#5c271f;background:#feebe7}nav a.active:after{content:"";width:5px;height:5px;border-radius:50%;background:#d13415;margin-left:auto}.sidebar-note{margin-top:auto;padding:40px 10px 26px;font-size:11px;color:#dad9d6}.sidebar-note p{color:#cfceca;font-size:12px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#218358;margin-right:7px}.profile{border-top:1px solid #3f3e39;padding-top:18px;display:flex;gap:11px;align-items:center;font-size:12px}.profile>span{display:grid;place-items:center;width:33px;height:33px;background:#3f3e39;border-radius:50%;font-size:10px}
.shell{margin-left:244px}.topbar{height:77px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--surface);font-size:12px}.breadcrumb{color:var(--muted)}.slash{margin:0 17px;color:#cfceca}.top-actions{display:flex;gap:17px;align-items:center}.badge{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--border);border-radius:6px;color:var(--accent-ink);background:var(--raised);font-size:11px;font-weight:600;padding:3px 9px}.subtle{color:var(--muted);background:var(--paper);border-color:var(--border);font-size:9px;letter-spacing:1px}.icon-button{width:38px;background:transparent;color:var(--muted);font-size:23px}main{max-width:1600px;margin:auto;padding:38px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:10px}h1{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-1.3px;margin:0 0 10px}h2{font-size:16px;letter-spacing:-.4px;margin:0;font-weight:650}p{margin:7px 0;color:var(--muted)}.page-heading p{font-size:13px}.primary{background:var(--primary);color:#fdfdfc;padding:11px 19px;white-space:nowrap}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--accent-ink);padding:9px 14px}.secondary:hover:not(:disabled){background:var(--accent-soft)}.text-button{background:transparent;color:var(--accent);font-size:12px}.full{width:100%}.environment-banner{display:flex;align-items:center;gap:7px;padding:13px 18px;border-radius:8px;background:var(--raised);border:1px solid var(--border);font-size:11px;margin-bottom:24px}.environment-banner strong{font-size:12px;margin-right:12px;color:var(--accent-ink)}.environment-banner span:not(.live-dot){color:var(--muted)}.mono{font-family:var(--font-ui);margin-left:auto;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric{padding:22px 20px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.metric>span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.metric small{font-size:9px;color:var(--muted);border:1px solid var(--border);padding:0 4px;border-radius:4px}.metric>strong{display:block;font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:14px;font-variant-numeric:tabular-nums}.metric>strong span{font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.metric p{font-size:10px;margin:9px 0 0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-heading{padding:23px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-heading p{font-size:11px}.panel-heading>a{font-size:11px;margin-top:3px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:25px}.steps{list-style:none;padding:0 24px;margin:6px 0 19px}.steps li{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.steps li:last-child{border:0}.steps li>span{font-family:var(--font-ui);font-size:11px;display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--border);background:var(--paper);border-radius:50%;color:var(--muted);flex-shrink:0}.steps strong{font-size:12px;font-weight:600}.steps p{font-size:11px;margin:2px 0}.steps b{font-size:10px;font-weight:500;color:var(--muted);background:var(--raised);border-radius:5px;padding:2px 8px;margin-left:auto;white-space:nowrap}.steps a{font-size:11px;margin-left:auto;white-space:nowrap}.plan-strip{margin:0 24px 23px;background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-strip>div{display:flex;gap:10px;align-items:center}.plan-icon{display:grid;place-items:center;width:34px;height:36px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;color:var(--accent);font-weight:700}.plan-strip strong{font-size:12px}.plan-strip small{font-size:10px;color:var(--muted);font-weight:400}.plan-strip>div small{display:block}.demo-panel{padding-bottom:16px}.demo-panel>.full,.demo-panel>#demo-controls{width:calc(100% - 48px);margin-left:24px}.demo-panel .panel-heading{padding-bottom:14px}.small-label{color:var(--muted);font-size:9px;letter-spacing:.7px}.demo-panel label{font-size:11px}select,input{border:1px solid var(--control-border);border-radius:7px;padding:10px 12px;background:var(--surface);color:var(--ink);min-height:44px;max-width:100%}.demo-panel select{width:100%;margin:7px 0 9px;font-size:12px}.divider{height:1px;background:var(--border);margin:17px 0}.time-buttons{display:flex;gap:9px}.time-buttons button{flex:1;font-size:11px}.helper{font-size:11px;line-height:1.65;margin:8px 0 13px}.event-row{display:flex;align-items:center;gap:14px;padding:16px 24px;border-top:1px solid var(--border)}.event-dot{width:8px;height:8px;background:var(--success);border-radius:50%;flex-shrink:0}.event-row strong{font-size:12px;font-weight:500}.event-row p{font-size:11px;margin:2px 0}.event-row time{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}.empty{padding:38px 24px;text-align:center}.empty strong{display:block;font-size:14px;font-weight:600}.empty p{font-size:12px}.empty-symbol{font-size:24px;color:var(--accent);margin-bottom:8px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search-label{font-size:12px}.toolbar input{width:290px}.toolbar select{min-width:150px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:var(--raised);color:var(--muted);font-weight:500;font-size:11px;padding:14px 20px;white-space:nowrap}td{padding:17px 20px;border-top:1px solid var(--border);vertical-align:middle}td strong{font-size:12px;font-weight:600}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 8px;border-radius:5px;font-size:10px;background:var(--raised);color:var(--muted)}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.status.active,.status.paid{background:var(--success-bg);color:var(--success)}.status.past_due,.status.failed{background:var(--accent-soft);color:var(--accent)}.status.pending,.status.refund_pending,.status.canceling,.status.due{background:var(--raised);color:var(--accent-ink)}.row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:190px}.row-actions button{font-size:11px;padding:6px 10px;min-height:44px;border:1px solid var(--border);background:var(--surface);color:var(--accent-ink)}.row-actions button.danger{color:var(--danger)}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.padded{padding:25px}.padded h2{margin:17px 0 10px}.padded p{font-size:13px}.padded a{font-size:12px}pre{background:#21201c;color:#dad9d6;padding:18px;border-radius:8px;overflow:auto;font-size:12px;line-height:1.9}.policy-list{padding-left:17px;color:var(--muted);font-size:13px}.policy-list li{margin:9px 0}footer{display:flex;gap:16px;border-top:1px solid var(--border);margin-top:36px;padding:22px 0;color:var(--muted);font-size:9px;letter-spacing:1px}footer span{letter-spacing:0}footer span:last-child{margin-left:auto;letter-spacing:1px}.notice{padding:14px 18px;border-radius:8px;margin-bottom:20px}.error{background:var(--accent-soft);color:var(--danger)}dialog{border:1px solid var(--border);border-radius:8px;padding:30px;box-shadow:0 12px 34px #21201c22;width:440px;max-width:calc(100vw - 32px);color:var(--ink)}dialog::backdrop{background:#21201c66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2{font-size:21px}dialog p{font-size:12px;margin:12px 0 20px}dialog label{display:block;font-size:12px;margin:15px 0 5px}dialog input{display:block;width:100%}.form-error{color:var(--danger);min-height:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;bottom:28px;left:calc(50% + 122px);transform:translateX(-50%);max-width:calc(100vw - 30px);background:#21201c;color:#fdfdfc;box-shadow:0 8px 24px #21201c22;padding:14px 23px;border-radius:8px;font-size:13px;z-index:30}
@media(min-width:1600px){main{padding-top:48px}.metrics{gap:22px}.metric{padding:26px}.overview-grid{grid-template-columns:1.8fr 1fr}.steps li{padding:20px 0}}
@media(max-width:1150px){.sidebar{width:205px;padding-inline:16px}.shell{margin-left:205px}.brand{font-size:24px}.topbar{padding-inline:26px}main{padding:30px 26px 0}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.toast{left:calc(50% + 102px)}.environment-banner{flex-wrap:wrap}.mono{margin-left:15px}}
@media(max-width:700px){.sidebar{position:static;width:auto;padding:16px;display:block}.brand{font-size:24px}.workspace,.nav-label,.sidebar-note,.profile{display:none}nav{display:flex;overflow:auto;margin-top:16px;gap:5px}nav a{font-size:11px;padding:7px 10px;white-space:nowrap;min-height:44px}nav a span,nav a.active:after{display:none}.shell{margin:0}.topbar{height:58px;padding:0 18px}main{padding:25px 18px 0}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:23px}h1{font-size:25px}.page-heading p{font-size:12px}.page-heading>.primary{font-size:12px}.eyebrow{font-size:9px}.environment-banner{padding:12px;font-size:10px}.environment-banner strong{display:block}.environment-banner .mono{font-size:10px}.metrics{gap:10px}.metric{padding:16px 12px}.metric>span{font-size:10px}.metric>strong{font-size:25px}.metric p{font-size:9px}.metric small{display:none}.panel-heading{padding:20px 17px 13px}h2{font-size:14px}.steps{padding:0 17px}.steps li{gap:9px}.steps p{font-size:10px}.steps a{font-size:10px}.plan-strip{margin:0 17px 20px;padding:12px}.plan-strip>strong{white-space:nowrap}.plan-strip small{font-size:9px}.demo-panel>.full,.demo-panel>#demo-controls{width:calc(100% - 34px);margin-left:17px}.event-row{padding:15px 17px;gap:10px;flex-wrap:wrap}.event-row time{margin-left:18px}.integration-grid{grid-template-columns:1fr}.toolbar input{width:100%;order:1}.toolbar select{flex:1}.toolbar .search-label:first-child{display:none}.toast{left:50%;width:max-content}footer{gap:10px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}dialog{padding:24px}.padded{padding:20px}.row-actions{min-width:180px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}button:hover:not(:disabled){transform:none}}

.plan-settings-grid{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(430px,1.2fr);gap:24px;margin-bottom:24px}.panel.padded{padding:25px}.panel-heading.compact{padding:0 0 17px}.plan-current-summary{border-top:1px solid var(--border);padding-top:20px}.plan-price-large{font-size:30px;font-weight:650;letter-spacing:-1px}.plan-price-large small{font-size:12px;color:var(--muted);font-weight:400}.feature-chips{display:flex;flex-wrap:wrap;gap:7px}.feature-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:6px 8px;background:var(--paper);font-size:11px}.feature-chip strong{font-weight:600}.feature-chip small{color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.feature-row label{display:block;font-size:12px;margin:0 0 5px}.form-grid input{width:100%}.field-help{display:block;color:var(--muted);font-size:10px;margin-top:5px}.feature-fieldset{border:0;border-top:1px solid var(--border);padding:18px 0 0;margin:23px 0 0}.feature-fieldset legend{font-size:12px;font-weight:600;padding:0 8px 0 0}.feature-fieldset .helper{margin-top:0}.feature-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(100px,.5fr) auto 44px;align-items:end;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.feature-row input[type=number]{width:100%}.feature-row .check-label{display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:44px;margin:0}.feature-row .check-label input{width:18px;height:18px;min-height:0}.remove-feature{font-size:22px;color:var(--muted);margin-bottom:0}.plan-versions{margin-bottom:24px}.credit-dialog{width:760px}.credit-dialog h3{font-size:14px;margin:0}.credit-dialog .panel-heading p{margin-bottom:0}.credit-balance{display:flex;align-items:baseline;gap:10px;background:var(--raised);border:1px solid var(--border);border-radius:8px;padding:16px 18px;margin-bottom:18px}.credit-balance span{font-size:12px;color:var(--muted)}.credit-balance strong{font-size:28px;letter-spacing:-1px}.credit-balance small{font-size:10px;color:var(--muted)}.credit-usage-box{border:1px solid var(--border);border-radius:8px;padding:19px;margin-bottom:22px}.credit-usage-box .panel-heading{padding:0 0 8px}.credit-usage-box form>label{margin-top:0}.credit-usage-box select{width:100%}.operation-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.operation-row button{margin-bottom:0}.operation-row input{font-family:var(--font-ui);font-size:11px}.access-ok{color:var(--success)}.access-denied{color:var(--danger)}.compact-table{overflow-x:auto}.compact-table table{min-width:600px}.compact-table th,.compact-table td{padding:11px 14px;font-size:11px}.compact-table .secondary{min-height:38px;font-size:11px;padding:6px 10px}.signed.positive{color:var(--success)}.signed.negative{color:var(--danger)}.mono-cell{font-family:var(--font-ui);font-size:10px!important;word-break:break-all}
@media(max-width:1150px){.plan-settings-grid{grid-template-columns:1fr}}
.method-options{border:1px solid var(--border);border-radius:8px;padding:4px 14px 8px;margin:0}.method-options legend{font-size:12px;padding:0 6px}dialog .method-options label{display:flex;align-items:center;gap:10px;min-height:44px;margin:2px 0;font-size:13px;cursor:pointer}dialog .method-options input{display:inline-block;width:18px;height:18px;min-height:0;margin:0;padding:0}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr 1fr}.feature-row .check-label{grid-column:1 / 2}.feature-row .remove-feature{grid-column:2 / 3;grid-row:2;justify-self:end}.credit-dialog{max-height:calc(100dvh - 24px)}.operation-row{grid-template-columns:1fr}.operation-row button{width:100%}}
.credit-diagnosis{border:1px solid var(--border);border-radius:8px;padding:19px;margin-bottom:22px}.credit-diagnosis .panel-heading{padding:0 0 8px}.diagnosis-status{font-size:13px;font-weight:600;line-height:1.6;margin:4px 0 12px;overflow-wrap:anywhere}.diagnosis-list{margin:0}.diagnosis-list>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--border)}.diagnosis-list dt{font-size:11px;color:var(--muted)}.diagnosis-list dd{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.diagnosis-notes{margin:12px 0 0;padding-left:18px;font-size:11px;line-height:1.65}.diagnosis-notes li{overflow-wrap:anywhere}.diagnosis-footer{margin-bottom:0}
@media(max-width:700px){.credit-diagnosis{padding:16px}.diagnosis-list>div{grid-template-columns:minmax(0,1fr);gap:2px}}
dialog{background:var(--surface)}input::placeholder{color:var(--muted)}