:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f5;color:#151817}*{box-sizing:border-box}body{margin:0;background:#f4f6f5}button,input,select,textarea{font:inherit}button{min-height:34px;border:1px solid #cfd8d2;border-radius:6px;background:#fff;color:#17201c;cursor:pointer;padding:0 12px}button.primary{border-color:#0f6b57;background:#0f6b57;color:#fff}button:disabled{cursor:not-allowed;opacity:.56}input,select,textarea{height:34px;min-width:0;border:1px solid #cfd8d2;border-radius:6px;background:#fff;color:#151817;padding:0 10px}textarea{height:auto;min-height:112px;padding:10px;resize:vertical}label{display:grid;gap:5px;color:#5b6862;font-size:12px;font-weight:700}.shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f6f5}.login-card{width:min(100%,390px);display:grid;gap:14px;border:1px solid #d8dfda;background:#fff;padding:22px;box-shadow:0 18px 48px #17201c14}.login-card .brand{padding:0 0 16px}.login-error{border:1px solid #e0b7b1;border-radius:6px;background:#fff5f3;color:#8e2d23;padding:10px;font-size:13px;font-weight:700}.sidebar{min-height:100vh;border-right:1px solid #d8dfda;background:#fbfcfb;padding:18px 12px}.brand{display:grid;gap:3px;padding:0 8px 18px;border-bottom:1px solid #d8dfda}.brand strong{font-size:18px;line-height:1}.brand span{color:#66736d;font-size:12px}nav{display:grid;gap:4px;padding-top:14px}nav button{width:100%;justify-content:start;border-color:transparent;background:transparent;text-align:left;padding:0 10px}nav button.active{border-color:#b9d4c8;background:#eaf4ef;color:#0d5f4d;font-weight:800}.workspace{min-width:0}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid #d8dfda;background:#fff}h1,h2,h3,p{margin:0}h1{font-size:22px;line-height:1.1;letter-spacing:0}h2{font-size:15px;line-height:1.2;letter-spacing:0}h3{font-size:13px;line-height:1.2;letter-spacing:0}.topbar p{margin-top:5px;color:#66736d;font-size:12px}.top-actions{display:flex;align-items:center;gap:8px}.user-badge{color:#66736d;font-size:12px;font-weight:800}.connection-panel,.filters{display:flex;align-items:end;gap:10px;padding:12px 18px;border-bottom:1px solid #d8dfda;background:#fbfcfb}.module-tabs{display:flex;gap:8px;padding:12px 18px 0}.module-tabs button{min-height:36px;border-color:transparent;background:transparent;color:#5b6862;font-weight:800}.module-tabs button.active{border-color:#b9d4c8;background:#eaf4ef;color:#0d5f4d}.connection-panel label{width:min(420px,50%)}.filters label{width:220px}output{margin-left:auto;color:#66736d;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:18px;border:1px solid #d8dfda;background:#d8dfda}.metrics article{display:grid;gap:8px;min-height:92px;padding:18px;background:#fff}.metrics span,.section-title span{color:#66736d;font-size:12px;font-weight:700}.metrics strong{font-size:30px;line-height:1}.band{margin:18px;border:1px solid #d8dfda;background:#fff}.band.compact{max-width:760px}.band.two{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,1fr)}.band.two>div+div{border-left:1px solid #d8dfda}.band.first-open{display:grid;grid-template-columns:minmax(520px,1fr) minmax(360px,440px)}.first-open-control{min-width:0}.preview-panel{min-width:0;border-left:1px solid #d8dfda;background:#fbfcfb}.section-title{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #d8dfda}.section-title a{color:#0d6b57;font-size:13px;font-weight:800}.actions{display:flex;align-items:center;gap:8px}.row-actions{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.form button{align-self:end}.form .wide{grid-column:1 / -1}.form.stacked{grid-template-columns:1fr}.form.compact-form{grid-template-columns:minmax(120px,1fr) auto;align-items:end}.form .check{min-height:34px;grid-auto-flow:column;grid-template-columns:auto 1fr;justify-content:start;align-items:center;color:#26302b}.form .check input{width:16px;height:16px;padding:0}.inline-create{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(220px,1fr) auto;align-items:end;gap:10px;border:1px solid #d8dfda;border-radius:6px;padding:10px;background:#f7faf8}.domain-wizard{display:grid;gap:0;border-bottom:1px solid #d8dfda;background:#fff}.domain-wizard-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e6ebe7;background:#fbfcfb}.domain-wizard-header div{display:grid;gap:3px}.domain-wizard-header span,.setup-lines span{color:#66736d;font-size:12px;font-weight:700}.domain-wizard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8dfda}.domain-wizard-grid section{display:grid;align-content:start;gap:12px;min-height:260px;padding:14px;background:#fff}.step-label{width:28px;height:28px;display:grid;place-items:center;border:1px solid #b9d4c8;border-radius:999px;background:#eaf4ef;color:#0d5f4d;font-size:12px;font-weight:900}.readonly-field{display:grid;gap:6px;min-height:56px;align-content:center;border:1px solid #d8dfda;border-radius:6px;padding:8px 10px;background:#f7faf8}.readonly-field span{color:#66736d;font-size:12px;font-weight:800}.readonly-field strong{color:#15251f;font-size:14px}.setup-lines{display:grid;gap:6px;border-top:1px solid #e6ebe7;padding-top:10px}.mini-table th,.mini-table td{height:34px;padding:6px 8px;overflow-wrap:anywhere}.dns-table{table-layout:fixed}.dns-table th:nth-child(1),.dns-table td:nth-child(1){width:70px}.dns-table th:nth-child(5),.dns-table td:nth-child(5){width:72px}.mini-table button{min-height:28px;padding:0 8px}.verification-results{display:grid;gap:10px;padding:14px;border-top:1px solid #d8dfda;background:#fbfcfb}.flow-summary{display:flex;align-items:center;gap:10px;color:#66736d;font-size:12px;font-weight:700}.flow-block{display:grid;gap:12px;border:1px solid #d8dfda;border-radius:6px;padding:12px;background:#fbfcfb}.block-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.block-title h3{margin:0;font-size:14px;line-height:1.2}.variant-list{display:grid;gap:8px}.variant-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,1.35fr) 92px 64px auto;align-items:end;gap:8px;border-top:1px solid #e6ebe7;padding-top:8px}.variant-row span{min-height:34px;display:inline-flex;align-items:center;color:#5b6862;font-size:12px;font-weight:800}.preview-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.preview-tools label:nth-child(2){grid-column:1 / -1}.phone-preview{display:grid;place-items:center;padding:8px 14px 18px}.phone-preview iframe,.preview-empty{width:min(100%,330px);height:690px;border:10px solid #161a18;border-radius:38px;background:#fff;box-shadow:0 16px 34px #17201c29}.phone-preview iframe{overflow:hidden}.preview-empty{display:grid;place-items:center;color:#66736d;font-weight:800}.customer-layout{display:grid;grid-template-columns:minmax(460px,1fr) minmax(360px,42%)}.customer-layout>table{min-width:0}.detail-panel{min-width:0;border-left:1px solid #d8dfda;background:#fbfcfb}.detail-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #d8dfda;background:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-bottom:1px solid #d8dfda;background:#d8dfda}.detail-grid article{display:grid;gap:5px;min-height:72px;padding:12px 14px;background:#fff}.detail-grid span{color:#66736d;font-size:11px;font-weight:800;text-transform:uppercase}.detail-grid strong{overflow-wrap:anywhere;font-size:16px}.detail-section{display:grid;gap:10px;padding:14px;border-bottom:1px solid #d8dfda}.detail-section table{border:1px solid #e6ebe7;background:#fff}.detail-section th,.detail-section td{height:36px;overflow-wrap:anywhere}.detail-empty{min-height:260px;display:grid;align-content:center;gap:8px;padding:22px;color:#66736d;text-align:center}.detail-empty h2{color:#26302b}table{width:100%;border-collapse:collapse;font-size:13px}th,td{height:42px;border-bottom:1px solid #e6ebe7;padding:8px 12px;text-align:left;vertical-align:middle}th{color:#5b6862;font-size:11px;font-weight:800;text-transform:uppercase}td{color:#26302b}tr.selected td{background:#f1f8f5}.table-link{min-height:0;border:0;background:transparent;color:#0d5f4d;padding:0;font-weight:800;text-align:left;overflow-wrap:anywhere}.muted{display:block;margin-top:3px;color:#65716b;font-size:12px;line-height:1.25;overflow-wrap:anywhere}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.empty{height:80px;color:#66736d;text-align:center}.empty.slim{height:40px;display:grid;place-items:center;border-top:1px solid #e6ebe7}.pill,.danger{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:0 8px;font-size:11px;font-weight:800}.pill{border:1px solid #b9d4c8;background:#eaf4ef;color:#0d5f4d}.danger{margin-left:6px;border:1px solid #efc4bb;background:#fff1ed;color:#9a321f}.search{width:260px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #d8dfda}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar,.filters,.connection-panel{align-items:stretch;flex-direction:column}.connection-panel label,.metrics,.band.two,.band.first-open,.domain-wizard-grid,.customer-layout{width:100%;grid-template-columns:1fr}.band.two>div+div{border-left:0;border-top:1px solid #d8dfda}.preview-panel,.detail-panel{border-left:0;border-top:1px solid #d8dfda}.variant-row,.preview-tools{grid-template-columns:1fr}}