:root{--ink:#172a3a;--muted:#71808f;--bg:#f3f6f8;--line:#e3e9ee;--teal:#0c9b86;--teal-dark:#087a6a;--night:#132331;--soft:#edf8f5;--danger:#be4250;--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin-top:0}h1{font-size:42px;line-height:1.16;letter-spacing:-1.4px;margin-bottom:15px}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin-bottom:12px}p{margin-bottom:15px}small{display:block;color:var(--muted);font-size:11px;margin-top:6px;line-height:1.5}[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6edac7;outline-offset:3px}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:22px;font-weight:800;letter-spacing:1px;text-decoration:none!important}.brand-mark{display:inline-grid;place-items:center;width:35px;height:37px;border-radius:10px;background:#11b79e;font-size:25px;letter-spacing:0;color:white}.brand-tag{font-size:8px;letter-spacing:1.3px;align-self:flex-end;margin-bottom:8px;color:#85aaa9}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--night);color:#d6e0e7;padding:33px 23px;display:flex;flex-direction:column;position:fixed;width:236px;height:100vh;z-index:2}.nav-label{font-size:9px;color:#6c8495;letter-spacing:1.8px;margin:47px 12px 14px;font-weight:700}.nav-item{display:flex;align-items:center;gap:14px;background:transparent;border:0;color:#b1c1cb;font-size:12px;width:100%;text-align:left;padding:14px 14px;border-radius:9px;margin-bottom:8px}.nav-item:hover{background:#203744}.nav-item.selected{background:#24413f;color:#8ce3cc}.nav-icon{font-size:20px;min-width:20px;text-align:center}.sidebar-foot{margin-top:auto;padding:22px 12px 0;border-top:1px solid #2a3b48;font-size:11px;color:#8198a8}.sidebar-foot strong{display:block;color:#c9d7de;margin:9px 0}.sidebar-foot p{line-height:1.7}.sidebar-foot a{color:#82cebf;display:block;font-size:11px;margin:20px 0 27px}.sidebar-foot small{font-size:9px;letter-spacing:1.6px;color:#69808f}.infra-icon{font-size:24px;color:#89b7b5}.workspace{grid-column:2;min-width:0}.topbar{height:80px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px}.breadcrumb{color:var(--muted)}.header-right{display:flex;align-items:center;gap:20px}.connection-pill{font-size:10px;letter-spacing:.2px;background:#f3f5f7;color:#6f7d89;border:1px solid var(--line);border-radius:99px;padding:7px 12px}.connection-pill.connected{background:var(--soft);color:var(--teal-dark);border-color:#c4e8df}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e3eeee;color:#40796f;font-size:12px;font-weight:700}main{max-width:1440px;margin:auto;padding:36px 42px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading p:last-child{color:var(--muted);margin-bottom:0}.page-heading h1 span{color:var(--teal)}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.8px;color:var(--teal-dark);margin-bottom:13px}.live-badge{border:1px solid #cee5dd;background:#edf8f3;color:#227f68;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:1px;padding:14px 19px;white-space:nowrap}.live-badge small{font-size:9px;letter-spacing:0;font-weight:400;color:#6e9686;margin-left:15px}.live-dot{display:inline-block;width:6px;height:6px;background:#15b580;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #d5eee5}.notice{border:1px solid #d7e6e8;background:#eef6f7;border-radius:12px;padding:17px 20px;display:flex;align-items:center;gap:16px;margin-bottom:24px;font-size:12px}.notice>span{font-size:22px;color:#497a8b}.notice strong{font-size:12px}.notice p{font-size:11px;color:#617e8a;margin:3px 0 0}.notice button{margin-left:auto;flex-shrink:0}.operation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:24px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:24px;box-shadow:0 4px 15px #10293703;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.mini-label{font-size:9px;letter-spacing:1.7px;color:#8192a0;font-weight:750}.neutral-tag{font-size:8px;letter-spacing:.5px;font-weight:700;background:#f4f7f9;border:1px solid #edf0f3;color:#788b96;border-radius:5px;padding:5px 8px;text-align:center}.device-card{background:linear-gradient(115deg,#fff 20%,#f7fbfa);min-height:302px}.device-layout{display:flex;align-items:center;gap:30px;padding:2px 2px 7px}.device-copy{min-width:0}.device-copy h2{font-size:29px;letter-spacing:-.9px;margin-bottom:6px}.device-copy .eyebrow{font-size:8px;margin-bottom:12px}.muted{color:var(--muted);font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.tags span{padding:6px 10px;border-radius:7px;background:#edf3f4;color:#4b666f;font-size:10px}.fine-print{font-size:10px;color:#8a99a5;line-height:1.7;margin-bottom:0}.centered{text-align:center;margin-top:11px}.phone-illustration{width:103px;height:204px;border-radius:23px;padding:5px;background:#203849;box-shadow:7px 9px 0 #dde8e6,12px 15px 20px #24433113;transform:rotate(-7deg);flex-shrink:0}.phone-screen{height:100%;border-radius:19px;background:linear-gradient(145deg,#c5eeee,#7bbfc3 65%,#366e83);position:relative;overflow:hidden;text-align:center}.camera-dot{width:4px;height:4px;border-radius:50%;background:#294251;display:block;margin:8px auto 25px}.phone-clock{font-size:28px;color:white;font-weight:300;position:relative;z-index:1}.phone-sub{display:block;color:#f1ffff;font-size:7px;letter-spacing:1.8px;position:relative;z-index:1}.phone-orb{width:155px;height:145px;border-radius:70%;background:linear-gradient(135deg,#e5fafa44,#d8f4ed);transform:rotate(30deg);position:absolute;top:95px;left:-40px;box-shadow:22px 32px 0 #64afb866}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px;margin-bottom:18px}.form-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.form-grid>div{min-width:0}label{display:block;font-size:11px;font-weight:650;margin:0 0 7px;color:#4b606f}input:not([type=checkbox]),select{width:100%;height:43px;border:1px solid #dbe4e9;border-radius:8px;padding:10px 12px;background:#fbfcfd;color:#2d4656;outline:none;min-width:0;font-size:12px}input:not([type=checkbox]):focus,select:focus{border-color:#45ae99;background:white}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:#677d89;font-size:11px;margin:17px 0;line-height:1.65}.check-label input{margin:4px 0 0;width:15px;height:15px;flex-shrink:0;accent-color:var(--teal)}.request-summary{border-top:1px solid var(--line);padding-top:18px;margin:23px 0 20px;display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#6a808c}.request-summary span:before{content:'✓';color:var(--teal);margin-right:7px;font-weight:700}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:650;min-height:43px;text-decoration:none!important}.button.primary{background:var(--teal);color:white;box-shadow:0 3px 8px #079b861c}.button.primary:hover{background:var(--teal-dark)}.button.secondary{background:white;border-color:#d6e3e5;color:#456573}.button.secondary:hover{background:#f1f7f6}.full{width:100%;justify-content:space-between}.button.full:not(:has(span)){justify-content:center}.compact{padding:8px 13px;min-height:34px;font-size:10px}.text-button{font-size:10px;color:#6a8290;padding:5px 2px;background:none;border:0}.text-button:hover{color:var(--teal)}.text-button.danger{color:var(--danger)}.button-row{display:flex;gap:16px;flex-wrap:wrap}.flow-card h2{font-size:21px}.flow-card .muted{font-size:11px;line-height:1.7}progress{appearance:none;width:100%;height:5px;border:0;border-radius:99px;overflow:hidden;background:#ebf0f3;margin:7px 0 25px}progress::-webkit-progress-bar{background:#ebf0f3}progress::-webkit-progress-value{background:#11a58b;transition:width .3s}.flow-list{list-style:none;padding:0;margin:0}.flow-list li{display:flex;gap:15px;padding-bottom:24px;position:relative}.flow-list li:not(:last-child):before{content:'';position:absolute;left:14px;top:30px;bottom:1px;width:1px;background:#e6ecef}.step-number{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e0e8ec;border-radius:50%;color:#9baab5;font-size:10px;background:white;position:relative;z-index:1}.step-copy strong{font-size:12px;font-weight:600;display:block;color:#68808d;margin:4px 0 3px}.step-copy small{font-size:10px;margin:0;color:#9aa9b2}.flow-list li.active .step-number{background:#0da28d;color:white;border-color:#0da28d;box-shadow:0 0 0 4px #e5f5f0}.flow-list li.done .step-number{background:#edf9f4;border-color:#cce9dc;color:#159b7c}.flow-list li.active strong,.flow-list li.done strong{color:#294b56}.flow-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:0}.flow-footer>span{font-size:9px;letter-spacing:1.4px;color:#8ca0ab;display:block}.flow-footer strong{font-size:25px;display:block;margin:5px 0 7px}.flow-footer strong span{font-size:11px;color:#8a9aa5;font-weight:400}.flow-footer p{font-size:10px;color:#8c9aa5;line-height:1.7;margin:0}.resource-card dl{margin:0 0 21px}.resource-card dl>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #eff2f4;padding:11px 0;font-size:11px}.resource-card dt{color:#8b9aa4;flex-shrink:0}.resource-card dd{margin:0;overflow-wrap:anywhere;text-align:right;font-weight:600;font-size:11px}.bottom-note{color:#80949f;font-size:10px;display:flex;gap:10px;padding:1px 7px;line-height:1.8}.bottom-note>span{color:#67a38f}.workspace-footer{font-size:9px;color:#a0aeb6;padding:20px 42px 25px;letter-spacing:.3px}.workspace-footer span{margin:0 9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-grid .card{height:100%}#connection-form input{margin-bottom:18px}#connection-form button{margin-top:3px}.checks{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.check-row{display:flex;gap:10px;font-size:10px;padding:8px 0;color:#84929c}.check-row .good{color:var(--teal)}.settings-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.settings-actions a{font-size:11px}#catalog-result pre,pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#f2f6f8;padding:16px;border-radius:9px;color:#4d6876}.catalog-item{border:1px solid var(--line);border-radius:9px;padding:13px 15px;margin-bottom:10px;font-size:12px}.catalog-item strong{display:block}.catalog-item small{overflow-wrap:anywhere}.checkpoint{border-color:#aedacc;background:#f7fcfa}.checkpoint .button{margin-top:10px}.checkpoint input[type=text]{max-width:350px}.checkpoint h2{font-size:21px}.checkpoint p{font-size:12px;color:#607e7b;max-width:760px}.checkpoint .inline-error{color:var(--danger)}.checkpoint-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.sms-message{border:1px solid #d5e8e0;border-radius:9px;background:white;padding:15px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}.event{display:grid;grid-template-columns:75px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid #edf1f3;font-size:11px}.event time{color:#95a5af;font-variant-numeric:tabular-nums}.event span{color:#596f7e}.history-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:13px}.history-card h3{font-size:15px;margin:0 0 7px}.history-card p{font-size:11px;color:#8799a3;margin:0}.history-meta{text-align:right;font-size:12px}.empty-state{border:1px dashed #cddce0;background:#f9fbfc;border-radius:16px;padding:60px 25px;text-align:center;color:#8d9ea9;font-size:13px}.inline-error{font-size:12px;color:var(--danger);margin:14px 0 0;overflow-wrap:anywhere}.inline-error:empty{display:none}.toast{position:fixed;bottom:25px;right:25px;background:#183c3a;color:white;padding:16px 22px;border-radius:12px;box-shadow:0 10px 40px #102d3830;z-index:20;font-size:12px;max-width:min(560px,calc(100vw - 40px));line-height:1.7}.toast.error{background:#70353d}dialog{border:1px solid #dbe5e7;border-radius:20px;padding:28px;width:min(520px,calc(100vw - 30px));max-height:90vh;overflow:auto;box-shadow:0 20px 80px #152d3a40}dialog::backdrop{background:#10273388;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-button{border:0;background:#f1f5f7;border-radius:50%;width:27px;height:27px;font-size:21px;color:#728995}.quote-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.quote-line small{font-size:10px;margin-top:5px}.quote-line strong{white-space:nowrap}.quote-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.quote-total>span{font-size:10px;color:#768e9b;letter-spacing:1.4px}.quote-total>strong{font-size:29px;color:var(--teal-dark)}.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-story{background:radial-gradient(ellipse at 0 100%,#25564e,transparent 70%),#142a37;color:white;padding:45px 62px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font-size:66px;letter-spacing:-2.8px;line-height:1.12;margin-bottom:28px}.login-story .eyebrow{color:#7fceb8;font-size:9px}.login-story>div>p:last-child{color:#9aafb8;line-height:1.9;font-size:14px}.login-footer{font-size:9px;letter-spacing:1.5px;color:#6c9c99}.login-footer span{margin:0 15px}.login-panel{display:grid;place-items:center;background:#f9fbfc;padding:45px}.login-card{max-width:380px;width:100%}.login-card h2{font-size:32px;margin-top:20px;letter-spacing:-1px}.login-card>p{font-size:12px;color:#81939f;line-height:1.8;margin-bottom:30px}.login-card label{font-size:12px}.login-card input{height:48px;background:white}.login-card .button{height:48px;margin-top:22px}.secure-note{font-size:10px;color:#9aabb6;line-height:1.8;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}
@media(min-width:1550px){main{padding-top:44px}.device-layout{gap:45px}.device-card{min-height:318px}.phone-illustration{width:113px;height:218px}}
@media(max-width:1200px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:28px 17px}.brand{font-size:18px;gap:8px}.brand-tag{font-size:7px}main{padding:28px}.topbar{padding:0 28px}.operation-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.85fr);gap:18px}.card{padding:22px}.device-layout{gap:20px}.device-copy h2{font-size:25px}.phone-illustration{width:85px;height:177px}.device-copy .eyebrow{font-size:7px}.tags span{padding:4px 7px}.form-grid{gap:15px}h1{font-size:37px}.live-badge{padding:12px}.form-grid.triple{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding:40px}.login-story h1{font-size:56px}}
@media(max-width:990px){.operation-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.right-column .flow-card{grid-column:1/-1}.right-column:has(.resource-card:not([hidden])) .flow-card{grid-column:1}.settings-grid{grid-template-columns:1fr}.flow-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.flow-list li:before{display:none}.flow-list li{padding-bottom:17px}.device-layout{gap:35px}.device-card{min-height:0}.phone-illustration{width:95px;height:195px}.flow-footer{display:none}.card-top{flex-wrap:wrap}.login-story h1{font-size:48px}.login-story{padding:35px}.login-panel{padding:35px}.page-heading h1 br{display:none}.live-badge{display:none}}
@media(max-width:720px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:17px 20px 9px}.sidebar .brand{font-size:20px}.sidebar .brand-tag{margin-bottom:7px}.sidebar nav{display:flex;gap:8px;margin-top:17px}.nav-label,.sidebar-foot{display:none}.nav-item{font-size:10px;justify-content:center;padding:9px 8px;gap:7px;white-space:nowrap;margin:0}.nav-icon{font-size:16px;min-width:0}.workspace{display:block}.topbar{height:63px;padding:0 20px}.header-right{gap:10px}.avatar,.breadcrumb{display:none}.connection-pill{font-size:9px;padding:5px 9px}.text-button{font-size:10px}main{padding:25px 18px}.page-heading{margin-bottom:22px}h1{font-size:32px;letter-spacing:-1px}.page-heading>div>p:last-child{font-size:11px}.notice{align-items:flex-start;gap:11px;padding:15px;flex-wrap:wrap}.notice>span{font-size:18px}.notice>div{flex:1;min-width:170px}.notice button{margin-left:28px}.notice strong{font-size:11px}.notice p{font-size:10px}.card{padding:21px;border-radius:14px;margin-bottom:18px}.device-layout{gap:28px}.device-copy h2{font-size:27px}.device-copy .muted{font-size:11px}.device-copy .fine-print{font-size:9px}.device-card .card-top{margin-bottom:25px}.device-copy .eyebrow{font-size:7px}.phone-illustration{width:87px;height:177px}.form-grid{gap:15px}.right-column{display:block}.form-grid.triple{grid-template-columns:1fr}.settings-actions{align-items:flex-start;flex-direction:column}.settings-actions .button{width:100%}.workspace-footer{padding:15px 20px;font-size:8px;line-height:1.8}.workspace-footer span{margin:0 5px}.login-shell{display:block}.login-story{padding:25px 25px 29px;gap:32px}.login-story h1{font-size:41px;margin-bottom:17px}.login-story>div>p:last-child{font-size:12px;margin:0}.login-footer{display:none}.login-panel{padding:35px 25px 40px;place-items:start center}.login-card h2{font-size:29px}.login-card h2 br{display:none}.login-card>p{margin-bottom:24px}.login-story .eyebrow{font-size:8px;margin-bottom:14px}.history-card{padding:19px;align-items:flex-start;flex-direction:column;gap:15px}.history-meta{text-align:left}.history-card h3{font-size:13px}.toast{bottom:15px;right:15px}.card-top .button-row{gap:12px}.event{grid-template-columns:60px 1fr;font-size:10px}.mini-label{font-size:8px}.neutral-tag{font-size:7px}.checkpoint h2{font-size:19px}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.device-layout{gap:20px}.device-copy h2{font-size:23px}.phone-illustration{width:74px;height:157px}.device-copy .tags{gap:4px}.tags span{font-size:9px}.flow-list{grid-template-columns:1fr}.card{padding:17px}.nav-item{font-size:9px;padding:9px 6px;gap:5px}.header-right{gap:7px}}
.catalog-item{padding:14px 0;border-bottom:1px solid var(--line,#e5ebee)}.catalog-item p{margin:6px 0;font-size:13px}.catalog-item small{display:block;margin-top:6px}.check-item{display:flex;gap:10px;margin:12px 0;font-size:13px}.check-item.ok{color:#18735b}.check-item span{font-weight:800}.connection-pill.connected{background:#e8f6ef;color:#17624d}.event-row{display:grid;grid-template-columns:164px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #eef1f4;font-size:13px}.event-row time{color:#6b7785}.sms-item{padding:16px;background:#f3f6f8;border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.sms-item time{display:block;color:#657482;font-size:12px}.sms-item p{white-space:pre-wrap}.quote-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e8edf1}.quote-line small{display:block;margin-top:7px}.quote-line b{white-space:nowrap}.history-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:white;border:1px solid #e5ebef;border-radius:16px;text-align:left;margin-bottom:12px;cursor:pointer}.history-item p{margin:8px 0 0;color:#627184;font-size:13px}.history-item span{max-width:38%;font-size:13px}.history-item b{white-space:nowrap;font-size:14px}.history-item small{display:block;font-size:11px;color:#657482;font-weight:400;margin-top:5px}#reconcile-result{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f8;padding:18px;border-radius:12px}#resource-list>div{padding:9px 0;border-bottom:1px solid #eef1f4}#resource-list dt{color:#627184;font-size:12px}#resource-list dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere;font-weight:600}.checkpoint input:not([type=checkbox]){max-width:420px}.checkpoint p{line-height:1.7}.checkpoint h2{margin:14px 0}.checkpoint .button{margin-top:10px}.checkpoint code{overflow-wrap:anywhere}.empty-state{text-align:center;padding:70px 30px}button[aria-busy=true]{cursor:progress}@media(max-width:720px){.event-row{grid-template-columns:1fr;gap:6px}.history-item{flex-wrap:wrap;padding:18px}.history-item span{max-width:100%;order:3;flex-basis:100%}.quote-line{gap:12px}.quote-line strong{font-size:14px}.checkpoint input:not([type=checkbox]){max-width:100%}}