:root{--bg:#f5f7fa;--card:#fff;--ink:#142033;--muted:#748095;--line:#e5e9ef;--accent:#1769e0;--good:#18875f;--bad:#c93848;--warn:#9d6a10}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.boot{padding:40px;font-weight:800}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.side{background:#111b2b;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.brand{font-size:19px;font-weight:850}.brand small{display:block;color:#91a1ba;font-size:10px;font-weight:600;margin-top:4px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#b9c5d8;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:#1b2a40;color:#fff}.side-foot{margin-top:auto;font-size:11px;color:#8190a7}.main{padding:30px;max-width:1200px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.top h1{margin:0;font-size:27px}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer;font-weight:700}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric strong{font-size:24px}.metric span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.online{background:#eaf8f2;color:var(--good)}.error{background:#fdecef;color:var(--bad)}.disabled{background:#eef1f5;color:#677286}.tag{display:inline-flex;border:1px solid var(--line);padding:5px 8px;border-radius:999px;font-size:11px;background:#fafbfc;margin:3px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list{display:grid;gap:8px}.item{border:1px solid var(--line);border-radius:11px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fbfcfd}.item small{color:var(--muted)}.notice{padding:10px 12px;border-radius:10px;background:#fff7e7;color:#76520f;border:1px solid #f1dfb8;margin-bottom:14px}.errorbox{padding:10px 12px;border-radius:10px;background:#fff0f1;color:#972d38;border:1px solid #ffd9dd;margin-bottom:14px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%);padding:28px}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:11px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff}.checks{display:grid;gap:8px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px}.check{display:flex;gap:9px;align-items:flex-start;padding:8px;border-radius:8px}.check:hover{background:#f6f8fb}.check input{margin-top:3px}.modal-bg{position:fixed;inset:0;background:rgba(6,13,23,.44);display:grid;place-items:center;padding:18px;z-index:30}.modal{background:#fff;border-radius:16px;padding:22px;width:min(760px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-head h2{margin:0}.x{border:0;background:#eef1f5;border-radius:8px;width:34px;height:34px;cursor:pointer}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.facts div{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:9px}.facts small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.public{min-height:100vh;display:grid;place-items:center;padding:30px}.public .hero{max-width:760px}.public h1{font-size:56px;letter-spacing:-.04em;margin:0 0 14px}.public p{font-size:18px;line-height:1.6;color:var(--muted)}@media(max-width:800px){.shell{display:block}.side{position:static}.nav{display:flex;overflow:auto}.main{padding:18px}.grid,.two,.facts{grid-template-columns:1fr}.public h1{font-size:40px}}
.inbound-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:8px}.inbound-head label{display:block;margin-bottom:3px}.inbound-head small{display:block}.inbound-head b{font-size:12px;white-space:nowrap}.inbound-actions{margin:8px 0}.inbound-actions .btn{padding:6px 9px;font-size:11px}.inbound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fafbfc}.inbound-choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px;cursor:pointer;transition:.12s ease}.inbound-choice:hover{border-color:#bdc9d8}.inbound-choice.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f3f7ff}.inbound-choice input{margin-top:3px;accent-color:var(--accent)}.inbound-choice-body{display:grid;gap:4px;min-width:0}.inbound-choice-body b{font-size:13px;line-height:1.25}.inbound-choice-body small{color:var(--muted);font-size:10px}@media(max-width:800px){.inbound-grid{grid-template-columns:1fr}.inbound-head{align-items:flex-start;flex-direction:column}}
.warnstatus{background:#fff5df;color:var(--warn)}.user-actions{margin-top:14px}.tech-details{margin-top:12px}.tech-details code{font-size:10px;overflow-wrap:anywhere}.link-list{display:grid;gap:10px;margin-top:14px}.link-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px}.link-item code{overflow-wrap:anywhere;word-break:break-all;font-size:11px}@media(max-width:800px){.link-item{grid-template-columns:1fr}.user-actions .btn{flex:1 1 auto}}
.public-wide .hero{max-width:1040px;width:100%}.public-section{margin-top:34px}.public-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-plan h2{margin:0}.plan-price{font-size:27px;font-weight:850;margin:14px 0 6px}.public-plan p{font-size:13px;line-height:1.5}.public-foot{margin-top:28px;font-size:11px}.public-foot a{color:var(--muted)}.client-shell{max-width:980px;margin:0 auto;padding:28px}.client-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}@media(max-width:800px){.public-plans{grid-template-columns:1fr}.client-shell{padding:18px}.client-top{align-items:flex-start;flex-direction:column}}

/* v0.6.0 — professional Users Center */
.users-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.user-metric{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;cursor:pointer}.user-metric:hover{border-color:#bdc9d8}.user-metric span{display:block;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.user-metric strong{display:block;font-size:23px;margin-top:5px}.user-metric.good strong{color:var(--good)}.user-metric.warn strong{color:var(--warn)}.user-metric.bad strong{color:var(--bad)}
.users-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px}.users-toolbar-main{display:flex;gap:8px;align-items:center;flex:1;min-width:0}.users-toolbar select{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff;min-width:130px}.user-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;min-width:260px;flex:1}.user-search span{font-size:18px;color:var(--muted)}.user-search input{border:0;outline:0;padding:9px 0;width:100%;background:transparent}
.users-table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto}.users-table{width:100%;border-collapse:collapse;min-width:980px}.users-table th{background:#f7f9fb;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.users-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:12px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover{background:#fafcff}.users-table tbody tr:last-child td{border-bottom:0}.users-table .is-archived{opacity:.63}.user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.user-cell .avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:var(--accent);font-weight:850;flex:0 0 auto}.user-cell b{display:block;font-size:12px}.user-cell small,.subline,.days{display:block;color:var(--muted);font-size:9px;margin-top:3px}.account-kind{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.account-kind.portal{background:#eaf8f2;color:var(--good)}.account-kind.manual{background:#eef1f5;color:#657083}.sync-state{display:inline-flex;align-items:center;gap:5px;font-weight:750;font-size:10px}.sync-state i{width:7px;height:7px;border-radius:50%;background:#aab3c1}.sync-state.good{color:var(--good)}.sync-state.good i{background:var(--good)}.sync-state.bad{color:var(--bad)}.sync-state.bad i{background:var(--bad)}.sync-state.neutral{color:var(--muted)}.warn-text{color:var(--warn)!important}.bad-text{color:var(--bad)!important}.btn.compact{padding:6px 9px;font-size:10px;border-radius:8px}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid var(--line);background:#fbfcfd}.page-indicator{font-size:11px;font-weight:750}.empty-inline,.empty-state{text-align:center;padding:28px}.user-detail-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.detail-grid>div{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:10px}.detail-grid small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;margin-bottom:4px}.detail-grid b{font-size:12px}.section-title{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.04em;margin:15px 0 8px}
@media(max-width:1050px){.users-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.users-toolbar{align-items:stretch;flex-direction:column}.users-toolbar-main{flex-wrap:wrap}.user-search{min-width:100%;}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.users-metrics{grid-template-columns:1fr 1fr}.users-toolbar select{flex:1 1 45%;min-width:0}.detail-grid{grid-template-columns:1fr}}


/* v0.6.0 — Professional Client Portal */
.client-logo{font-size:19px;font-weight:900;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.client-logo.light{color:#fff}.client-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--accent);margin-bottom:8px}.client-eyebrow.light{color:#9fb8e7}.client-public-shell{min-height:100vh;background:#f7f9fc}.client-public-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:0 28px}.client-public-nav{display:flex;align-items:center;gap:10px}.client-public-nav>a:not(.btn){color:var(--muted);text-decoration:none;font-weight:750;font-size:13px;margin-right:8px}.client-public-main{max-width:1180px;margin:0 auto;padding:64px 28px 48px}.client-hero-pro{max-width:760px}.client-hero-pro h1{font-size:54px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.client-hero-pro p{font-size:18px;line-height:1.65;color:var(--muted);max-width:700px}.client-hero-actions{margin-top:24px}.client-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:48px 0}.client-benefits>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.client-benefits b{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:var(--accent)}.client-benefits span{font-weight:850}.client-benefits small{color:var(--muted)}.client-public-plans{margin-top:44px}.client-section-head h2{font-size:30px;margin:0 0 18px}.client-public-footer{max-width:1180px;margin:0 auto;padding:24px 28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.client-public-footer a{color:var(--muted)}
.client-auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(480px,1.15fr)}.client-auth-brand{background:#111b2b;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.client-auth-brand>div{max-width:520px}.client-auth-brand h1{font-size:42px;line-height:1.05;letter-spacing:-.035em;margin:0 0 16px}.client-auth-brand p{color:#a9b7cc;line-height:1.65;font-size:16px}.client-auth-brand>small{color:#73839c}.client-auth-form-wrap{display:grid;place-items:center;padding:32px}.client-auth-form{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.client-auth-form h2{font-size:28px;margin:18px 0 6px}.client-auth-back{font-size:12px;color:var(--muted);text-decoration:none}.client-auth-submit{width:100%;margin-top:8px}.client-auth-empty{min-height:100vh;display:grid;place-items:center;padding:20px}.client-auth-empty-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.client-auth-empty-card h1{margin:22px 0 8px}.client-auth-empty-card p{color:var(--muted);line-height:1.6}
.client-app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.client-side{background:#111b2b;color:#fff;padding:26px 16px;display:flex;flex-direction:column;gap:30px}.client-side-nav{display:grid;gap:7px}.client-side-nav button{border:0;background:transparent;color:#aebbd0;text-align:left;padding:11px 12px;border-radius:10px;font-weight:750;cursor:pointer}.client-side-nav button:hover,.client-side-nav button.active{background:#1b2a40;color:#fff}.client-side-foot{margin-top:auto;border-top:1px solid #26344a;padding-top:16px}.client-side-user{display:grid;gap:4px;min-width:0}.client-side-user b,.client-side-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-side-user b{font-size:12px}.client-side-user span{font-size:10px;color:#8190a7}.client-logout{margin-top:12px;border:0;background:transparent;color:#9eabc0;padding:0;cursor:pointer;font-weight:750;font-size:11px}.client-main{padding:38px;max-width:1180px;width:100%;margin:0 auto}.client-mobile-top{display:none}.client-page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.client-page-head h1{font-size:30px;letter-spacing:-.025em;margin:0 0 6px}.client-page-head p{margin:0;color:var(--muted)}.client-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.client-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.client-metric span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.client-metric strong{display:block;font-size:19px;margin-top:6px}.client-panel-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:14px}.client-panel-main{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.client-panel-main h2{font-size:25px;margin:0 0 5px}.client-panel-main p,.client-empty-panel p{margin:0;color:var(--muted)}.client-empty-panel{display:flex;justify-content:space-between;align-items:center;gap:20px}.client-empty-panel h2{margin:4px 0 7px}.client-steps{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.client-steps h2{font-size:16px;margin:0 0 14px}.client-steps>div{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.client-steps>div:first-of-type{border-top:0}.client-steps>div>span{font-size:10px;font-weight:900;color:var(--accent);background:#eef4ff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.client-steps p{margin:0;display:grid;gap:3px}.client-steps small{color:var(--muted)}.client-sub-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.client-help-card{background:#111b2b;color:#fff;border-radius:17px;padding:20px}.client-help-card h3{font-size:19px;margin:0 0 10px}.client-help-card p{color:#a9b7cc;line-height:1.6;font-size:13px}.client-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.client-detail-list>div{background:#f7f9fb;border:1px solid var(--line);border-radius:11px;padding:11px}.client-detail-list span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:4px}.client-detail-list b{font-size:12px}.client-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-plan-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;flex-direction:column;min-height:270px}.client-plan-card.current{border-color:#8fb8f1;box-shadow:0 0 0 1px #8fb8f1}.client-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-plan-top h3{margin:0 0 7px;font-size:19px}.client-current-label{font-size:9px;font-weight:850;color:var(--accent);background:#eef4ff;border-radius:999px;padding:5px 7px}.client-plan-meta{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:10px}.client-plan-meta span{background:#f4f6f9;border-radius:999px;padding:4px 7px}.client-plan-card p{color:var(--muted);font-size:12px;line-height:1.5}.client-plan-action{margin-top:auto}.client-plan-action .btn{width:100%}.client-empty{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px;text-align:center;display:grid;gap:6px}.client-empty span{color:var(--muted)}.client-profile-note{margin:16px 0 0}.client-subscription-link{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafbfc}.client-subscription-link code{overflow-wrap:anywhere;word-break:break-all;font-size:11px}
@media(max-width:980px){.client-plan-grid{grid-template-columns:1fr 1fr}.client-metrics{grid-template-columns:1fr 1fr}.client-sub-grid{grid-template-columns:1fr}.client-auth-shell{grid-template-columns:1fr}.client-auth-brand{min-height:280px}.client-benefits{grid-template-columns:1fr}}
@media(max-width:760px){.client-public-header{height:auto;padding:18px}.client-public-nav>a:not(.btn){display:none}.client-public-main{padding:36px 18px}.client-hero-pro h1{font-size:38px}.client-public-footer{padding:20px 18px}.client-app-shell{display:block}.client-side{padding:14px 16px;gap:12px}.client-side>.client-logo,.client-side-foot{display:none}.client-side-nav{display:flex;overflow:auto}.client-side-nav button{white-space:nowrap}.client-main{padding:18px}.client-mobile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.client-page-head h1{font-size:26px}.client-plan-grid{grid-template-columns:1fr}.client-empty-panel{align-items:flex-start;flex-direction:column}.client-detail-list{grid-template-columns:1fr}.client-auth-brand{padding:28px;min-height:240px}.client-auth-brand h1{font-size:32px}.client-auth-form-wrap{padding:18px}.client-auth-form{padding:22px}.client-subscription-link{grid-template-columns:1fr}}

/* v0.7.0 — Orders & Payments Core */
.orders-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.orders-table{min-width:900px}.order-row td:first-child b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.client-order-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.client-orders-table{min-width:820px}.client-orders-table td:last-child{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.client-payment-note{margin-top:14px}.client-payment-note b{display:block;margin-bottom:4px}.status.warnstatus{background:#fff5dc;color:var(--warn)}
@media(max-width:980px){.orders-metrics{grid-template-columns:1fr 1fr}.client-order-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.orders-metrics{grid-template-columns:1fr 1fr}.client-order-metrics{grid-template-columns:1fr 1fr}.client-orders-table{min-width:760px}}