:root{--background:#f6f7f3;--surface:#fff;--ink:#202c28;--muted:#849088;--border:#e7ebe4;--green:#185a47;--green-hover:#124635;--green-light:#edf5ef;--amber:#c8a56b;--sidebar:244px;--radius:12px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,h4,p{margin:0}h2{letter-spacing:-.25px;font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.7}svg{flex-shrink:0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dfe5dc;border-radius:8px;outline:none;padding:10px 12px;transition:border .15s,box-shadow .15s}input,select{height:42px}textarea{resize:vertical;line-height:1.7}input:focus,select:focus,textarea:focus{border-color:#86ae9a;box-shadow:0 0 0 3px #edf4ed}input::placeholder,textarea::placeholder{color:#a1aaa2}input:disabled{background:#f5f6f3}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #86ae9a}code,.mono{font-family:Cascadia Code,Consolas,monospace;font-size:12px}small,.small{font-size:12px}.muted{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;left:0;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,box-shadow .15s;display:inline-flex}.button-primary{background:var(--green);color:#fff;box-shadow:0 1px 2px #13382d16}.button-primary:hover:not(:disabled){background:var(--green-hover);box-shadow:0 3px 7px #185a471f}.button-secondary{color:#435049;background:#fff;border-color:#dfe5dc}.button-secondary:hover:not(:disabled){background:#f4f6f1}.button-ghost{color:#53715f;background:0 0}.button-ghost:hover:not(:disabled){background:#eef4ed}.button-danger{color:#fff;background:#aa4b3f}.icon-button{color:#8b968e;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--ink);background:#edf2e9}.danger-text{color:#b17770}.text-link{color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.text-link:hover{text-decoration:underline}.tiny-status-dot{background:#649f79;border-radius:50%;width:6px;height:6px;display:inline-block}.brand{letter-spacing:-1px;align-items:center;gap:11px;font-size:23px;font-weight:500;line-height:1.1;display:flex}.brand-emphasis{font-weight:700}.brand small{letter-spacing:1.9px;color:#a0aaa1;margin-top:7px;font-size:8px;font-weight:600;display:block}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 3px 7px #185a4720}.brand-spark{background:#dcc092;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.brand-light{color:#fff}.brand-light .brand-mark{box-shadow:none;background:#ffffff13;border:1px solid #ffffff25}.brand-light small{color:#afc7b9}.brand-light .brand-spark{border-color:#1d4d3c}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--border);z-index:30;background:#fcfdf9;flex-direction:column;padding:30px 18px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand{padding:0 10px 28px}.workspace-selector{background:#f8faf4;border:1px solid #e4e9df;border-radius:9px;align-items:center;gap:10px;margin-bottom:29px;padding:11px 10px;display:flex}.workspace-avatar{color:#5c7056;background:#e8f0df;border:1px solid #c8d7c6;border-radius:7px;place-items:center;width:31px;height:31px;font-size:15px;font-weight:600;display:grid}.workspace-selector>div:nth-child(2){flex:1;min-width:0}.workspace-selector strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.workspace-selector small{color:#9aa496;margin-top:4px;font-size:10px;display:block}.workspace-selector>svg{color:#8d978b}.nav-label{letter-spacing:1.1px;color:#a1ab9e;padding:0 14px 11px;font-size:10px;font-weight:600;display:block}.nav-label-second{padding-top:25px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#7a877e;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#344b3c;background:#f2f5ee}.nav-active{color:#246247;background:#eaf1e5}.nav-item svg{color:#8d9c8b}.nav-active svg{color:#447d59}.nav-current-dot{background:#447d59;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:24px}.docs-link{color:#819080;background:0 0;align-items:center;gap:11px;width:100%;padding:13px 14px;font-size:12px;display:flex}.docs-link svg:last-child{margin-left:auto}.docs-link:hover{color:var(--green)}.sidebar-user{border-top:1px solid #e8ecdf;align-items:center;gap:9px;margin-top:12px;padding:20px 1px 14px;display:flex}.user-avatar,.topbar-avatar{color:#78684d;background:#eadcc5;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:grid}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;color:#566653;font-size:10px;display:block;overflow:hidden}.sidebar-user small{color:#a2aa9d;margin-top:5px;font-size:9px;display:block}.sidebar-version{color:#a7afa2;align-items:center;gap:5px;padding:8px 0 0;font-size:9px;display:flex}.sidebar-version>span:first-child{margin-right:auto}.main-column{margin-left:var(--sidebar)}.topbar{border-bottom:1px solid var(--border);background:#fffdf9;justify-content:space-between;align-items:center;gap:15px;height:72px;padding:0 35px;display:flex}.breadcrumbs{color:#a1aa9f;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumbs strong{color:#485448;font-weight:500}.topbar-actions{align-items:center;gap:22px;display:flex}.service-status{color:#9fa99c;align-items:center;gap:7px;font-size:10px;display:flex}.service-status>span{background:#b4b9b0;border-radius:50%;width:5px;height:5px}.service-status.is-ready>span{background:#65a87c}.service-status.is-ready{color:#7a8a78}.language-switch{background:#f7f8f2;border:1px solid #e4e8df;border-radius:7px;gap:2px;padding:3px;display:inline-flex}.language-switch button{color:#9aa496;background:0 0;border-radius:4px;padding:4px 8px;font-size:10px;line-height:1.5}.language-switch button[aria-pressed=true]{color:#435640;background:#fff;box-shadow:0 1px 3px #21372410}.main-content{max-width:1570px;margin:auto;padding:24px 34px 0;position:relative}.environment-banner{color:#8c8a65;background:#f2f1e6;border:1px solid #e9e6d3;border-radius:7px;align-items:center;gap:13px;min-height:36px;padding:9px 12px;font-size:10px;display:flex}.environment-banner>span:first-child{color:#797d59;white-space:nowrap;align-items:center;gap:7px;font-weight:600;display:flex}.environment-banner p{font-size:10px;line-height:1.5}.environment-label{letter-spacing:1.2px;opacity:.65;margin-left:auto;font-size:8px}.global-actions{z-index:2;gap:10px;display:flex;position:absolute;top:98px;right:34px}.main-footer{color:#adb4a8;justify-content:space-between;align-items:center;padding:30px 0 25px;font-size:9px;display:flex}.main-footer>span:last-child{align-items:center;gap:6px;display:flex}.mobile-menu,.mobile-close{display:none}.overview-heading{padding:35px 350px 28px 0}.eyebrow{letter-spacing:1.2px;color:#81977f;margin-bottom:9px;font-size:10px;font-weight:500;display:block}.overview-heading h1,.page-heading h1{letter-spacing:-.7px;color:#2c392d;font-size:29px;font-weight:550;line-height:1.4}.overview-heading p,.page-heading p{color:#8f9b8b;margin-top:9px;font-size:11px}.overview-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tabs{background:#edf0e7;border-radius:7px;gap:3px;width:fit-content;padding:4px;display:flex}.tabs button{color:#8f9987;background:0 0;border-radius:4px;padding:7px 12px;font-size:10px}.tabs button.selected,.tabs button[aria-selected=true]{color:#455a3d;background:#fff;box-shadow:0 1px 3px #29392810}.toolbar-note{color:#9aa491;align-items:center;gap:6px;font-size:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:20px 21px 16px;box-shadow:0 2px 4px #23361b02}.metric-top{color:#7f8d79;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-icon{border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.metric-green{color:#678a59;background:#edf4e9}.metric-amber{color:#bba071;background:#faf3e6}.metric-blue{color:#7b9693;background:#eef3f2}.metric-value{letter-spacing:-1px;margin:11px 0 16px;font-size:30px;font-weight:550;line-height:1.15;display:block}.metric-foot{color:#a0ab97;justify-content:space-between;align-items:center;gap:4px;font-size:9px;display:flex}.metric-foot b{color:#6f8864;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 5px #1c391307}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:23px 23px 14px;display:flex}.panel-heading h2{color:#45563d;font-size:14px;font-weight:600}.panel-heading p{color:#a0aa94;margin-top:5px;font-size:9px}.subtle-icon{color:#a4ad9e}.dashboard-grid{grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);gap:20px;margin-bottom:22px;display:grid}.chart-legend{color:#8f9a85;justify-content:flex-end;gap:16px;margin:5px 24px 0;font-size:9px;display:flex}.chart-legend span,.routing-legend span,.usage-legend span{align-items:center;gap:6px;display:flex}i.legend-submitted,i.legend-delivered,i.legend-other{background:#d9bd8a;border-radius:2px;width:7px;height:7px;display:inline-block}.legend-delivered{background:#35745b!important}.legend-other{background:#e4d2b0!important}.activity-chart{padding:0 11px}.activity-chart svg{width:100%;height:auto;display:block}.chart-summary{background:#fffefb;border-top:1px solid #eff1ea;grid-template-columns:repeat(3,1fr);padding:17px 24px 19px;display:grid}.chart-summary>div{border-left:1px solid #e8ece2;padding-left:20px}.chart-summary>div:first-child{border:0;padding-left:0}.chart-summary span{color:#9ca78e;margin-bottom:7px;font-size:9px;display:block}.chart-summary strong{letter-spacing:-.3px;color:#475b3f;font-size:16px;font-weight:500}.routing-panel .panel-heading{padding-bottom:0}.routing-panel .panel-heading p{font-size:8px}.donut-wrap{width:184px;height:184px;margin:14px auto 6px;position:relative}.donut-wrap svg{width:100%;height:100%}.donut-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center span,.donut-center small{color:#a2ab95;font-size:9px}.donut-center strong{letter-spacing:-.6px;color:#4a5e40;margin:7px 0 4px;font-size:27px;font-weight:500}.routing-legend{padding:10px 24px 22px}.routing-legend>div{color:#89947d;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;display:flex}.routing-legend strong{color:#566c47;font-size:11px;font-weight:500}.routing-legend small{color:#a0ad91;margin-left:12px;font-size:8px}.channels-panel{margin-bottom:22px}.channels-panel .panel-heading{padding-bottom:17px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 23px 23px;display:grid}.channel-card{background:#fdfefb;border:1px solid #edf0e7;border-radius:9px;align-items:center;gap:10px;padding:15px 12px;display:flex}.provider-icon{color:#6d8b57;background:#eef2e8;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.provider-1{color:#bf9768;background:#faf0e3}.provider-2{color:#8c9c83;background:#f0f3ee}.channel-card>div{flex:1;min-width:0}.channel-card strong{color:#536a43;white-space:nowrap;font-size:11px;font-weight:600;display:block}.channel-card>div>span{color:#a3ad96;margin-top:5px;font-size:8px;display:block}.channel-card .badge{padding:4px 6px;font-size:8px}.badge{color:#89917e;white-space:nowrap;background:#f2f4ed;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:500;line-height:1.2;display:inline-flex}.badge-dot{opacity:.7;background:currentColor;border-radius:50%;width:4px;height:4px}.badge-delivered,.badge-ready,.badge-verified,.badge-active,.badge-pass{color:#658751;background:#eef5e8}.badge-accepted,.badge-queued,.badge-sending,.badge-retry_wait{color:#9d9262;background:#f7f4e6}.badge-bounced,.badge-failed,.badge-complained,.badge-complaint,.badge-hard_bounce,.badge-fail{color:#bd7e71;background:#fbefeb}.badge-unknown,.badge-dnsUnknown,.badge-unverified,.badge-warn,.badge-notImplemented,.badge-manual,.badge-unsubscribe{color:#959c84;background:#f3f4ed}.badge-revoked,.badge-expired,.badge-suppressed{color:#a5a9a0;background:#f3f4f0}.recent-panel .panel-heading{padding-bottom:21px}.table-scroll{width:100%;overflow:auto}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.data-table th{color:#a0ac93;background:#f9faf5;border-top:1px solid #eff1e8;border-bottom:1px solid #eff1e8;padding:13px 23px;font-size:9px;font-weight:500}.data-table td{color:#738065;border-bottom:1px solid #f0f3eb;padding:17px 23px;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdf9}.data-table th:last-child,.data-table td:last-child{padding-left:8px;padding-right:19px}.recipient-cell{color:#697960;align-items:center;gap:9px;display:flex}.mail-avatar{color:#92a381;background:#f2f5eb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.subject-cell{text-overflow:ellipsis;max-width:260px;overflow:hidden}.date-cell{color:#a0aa94!important;font-size:9px!important}.channel-pill{color:#879778;background:#f6f7f2;border:1px solid #e8edde;border-radius:4px;padding:4px 6px;font-size:8px;display:inline-block}.row-view{color:#b1bba4;padding:4px}.updated-at{color:#a7afa0;text-align:right;margin-top:15px;font-size:9px}.page-heading{justify-content:space-between;align-items:center;gap:20px;min-height:163px;padding:35px 0 29px;display:flex}.page-heading>div:first-child{padding-right:270px}.heading-actions{gap:9px;margin-top:57px;display:flex}.table-toolbar{align-items:center;gap:12px;padding:19px 23px;display:flex}.table-toolbar>select{max-width:180px;height:36px;font-size:11px}.table-toolbar>.button:last-child{margin-left:auto}.search-field{align-items:center;width:340px;min-width:220px;display:flex;position:relative}.search-field svg{color:#a0ac95;position:absolute;left:12px}.search-field input{height:36px;padding-left:37px;font-size:11px}.pagination{border-top:1px solid var(--border);color:#939f87;justify-content:space-between;align-items:center;padding:15px 23px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination .button{min-height:28px;padding:6px 9px;font-size:10px}.template-grid,.domain-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.template-card{padding:23px 21px 0}.template-top{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.template-icon,.domain-icon{color:#799065;background:#eff4e8;border-radius:11px;padding:11px;display:inline-flex}.version-pill{color:#9eaa90;background:#f4f6ef;border:1px solid #e8eedd;border-radius:5px;padding:4px 7px;font-size:10px}.template-card h2{color:#607349;margin-bottom:7px;font-size:13px}.template-card>code{color:#a0ac8d;font-size:10px}.template-preview{color:#95a27e;background:#f8faf3;border:1px solid #ecf1e0;border-radius:8px;align-items:flex-start;gap:9px;min-height:67px;margin-top:21px;padding:15px 12px;display:flex}.template-preview p{overflow-wrap:anywhere;font-size:10px;line-height:1.65}.template-variables{flex-wrap:wrap;gap:5px;min-height:51px;padding:17px 0 21px;display:flex}.template-variables span{color:#9dab89;background:#f5f7ef;border-radius:4px;padding:4px 6px;font-family:Consolas,monospace;font-size:9px}.template-actions{border-top:1px solid #edf1e5;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.template-actions .button{padding:6px 8px;font-size:10px}.callout{color:#85956f;background:#eef4e8;border:1px solid #e5eedc;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:21px;padding:15px 17px;font-size:11px;line-height:1.7;display:flex}.callout strong{color:#667b50;font-size:12px;font-weight:600;display:block}.callout p{margin-top:5px;font-size:11px}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}.domain-card{padding:23px}.domain-title{align-items:center;gap:13px;display:flex}.domain-title>div{flex:1;min-width:0}.domain-title h2{color:#5e7648;overflow-wrap:anywhere;font-size:15px}.domain-title small{color:#a2ae92;margin-top:7px;font-size:9px;display:block}.domain-actions{justify-content:flex-end;gap:9px;padding-top:22px;display:flex}.dns-challenge{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.dns-challenge p{color:#8b9b76;margin-bottom:13px;font-size:11px}.dns-challenge .field-hint{margin-top:12px;font-size:9px;display:block}.senders-panel{margin-bottom:22px}.senders-panel .panel-heading{padding-bottom:21px}.dns-results{flex-direction:column;gap:12px;margin:16px 0;display:flex}.dns-results>div{border:1px solid var(--border);border-radius:9px;padding:16px}.dns-result-title{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.dns-result-title strong{font-size:12px}.dns-results code{color:#9aa98a;word-break:break-all;font-size:10px}.dns-results p{color:#91a17f;margin-top:7px;font-size:11px}.usage-hero{margin-bottom:24px;padding:30px 31px}.usage-hero-header{justify-content:space-between;align-items:center;display:flex}.usage-hero-header h2{color:#566c41;font-size:20px}.usage-hero-header p{color:#9eac8e;margin-top:7px;font-size:11px}.plan-tag{color:#8da675;letter-spacing:1.5px;background:#f0f6e7;border:1px solid #deead2;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:500;display:inline-block}.usage-count{align-items:baseline;gap:11px;margin:36px 0 25px;display:flex}.usage-count strong{letter-spacing:-1.5px;color:#4d6737;font-size:43px;font-weight:500}.usage-count>span{color:#a4b190;font-size:13px}.usage-progress{background:#f1f5ea;border-radius:6px;height:10px;display:flex;overflow:hidden}.usage-progress>span:first-child{background:#5f8a48}.usage-progress>span:nth-child(2){background:#d8c297}.usage-legend{color:#91a279;gap:24px;margin-top:19px;font-size:10px;display:flex}.usage-legend strong{color:#74915a;margin-left:auto;font-weight:500}.usage-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.usage-stat{padding:24px}.usage-stat>span{color:#94a77a;font-size:11px;display:block}.usage-stat strong{color:#526f39;margin:18px 7px 0 0;font-size:30px;font-weight:500;display:inline-block}.usage-stat small{color:#a2b48b;font-size:9px}.usage-note{align-items:center;gap:16px;padding:25px;display:flex}.usage-note h3{color:#899768;font-size:12px}.usage-note p{color:#a7b690;margin-top:5px;font-size:11px}.webhook-hero{text-align:center;margin-bottom:25px;padding:40px 35px}.webhook-art{justify-content:center;align-items:center;gap:14px;margin-bottom:27px;display:flex}.webhook-art>span{color:#9bb383;background:#f7faf0;border:1px solid #e9efdf;border-radius:13px;place-items:center;width:59px;height:59px;display:grid}.webhook-art>span.webhook-art-center{color:#759e57;background:#edf5e2;border-color:#dce8cc;border-radius:20px;width:85px;height:85px}.webhook-art>i{border-bottom:2px dashed #e2ead6;width:61px}.webhook-hero h2{color:#5e7c42;letter-spacing:-.6px;margin:20px 0 12px;font-size:26px;font-weight:500}.webhook-hero>p{color:#9eaf83;max-width:570px;margin:auto;font-size:12px}.webhook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.webhook-feature{padding:26px}.webhook-feature>svg{color:#8cac6e;margin-bottom:16px}.webhook-feature h3{color:#7c995b;margin-bottom:14px;font-size:13px}.webhook-feature code{color:#b1bb9b;overflow-wrap:anywhere;font-size:10px;line-height:1.9}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#17261eb3;animation:.15s fade-in;position:fixed;inset:0}.modal{z-index:90;background:#fff;border:1px solid #e1e8dc;border-radius:16px;outline:none;width:min(530px,100vw - 32px);max-height:calc(100dvh - 48px);padding:27px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #101f2735}.modal-wide{width:min(740px,100vw - 32px)}.modal-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.modal-header h2{color:#395033;letter-spacing:-.5px;font-size:19px;font-weight:600}.modal-description{color:#99a38c;margin:9px 0 22px;font-size:11px;line-height:1.8}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:9px;margin-top:18px;padding-top:22px;display:flex}.field{flex-direction:column;gap:8px;margin-bottom:17px;display:flex}.field-label{color:#81916e;font-size:11px;font-weight:500}.field-hint{color:#a7b29a;font-size:10px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-tabs{margin-bottom:21px}.notice{color:#82966d;background:#f0f6e8;border:1px solid #dfead7;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:19px;padding:12px 14px;font-size:11px;line-height:1.8;display:flex}.notice-error{color:#b48374;background:#fdf3ef;border-color:#f1dcd3}.notice>svg{margin-top:2px}.copy-code{background:#f7faf2;border:1px solid #e9eedf;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;padding:9px 12px;display:flex}.copy-code code{color:#889c72;word-break:break-all;font-size:10px;line-height:1.8}.copy-code small{color:#b98370}.checkbox-field{color:#9baa8b;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;display:flex}.checkbox-field input{accent-color:#608343;flex-shrink:0;width:14px;height:14px;margin-top:5px}.code-block{color:#c6d9b1;background:#1f3529;border-radius:10px;margin:16px 0 18px;padding:21px;font-family:Consolas,monospace;font-size:11px;line-height:1.8;overflow:auto}.message-detail-title{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 22px;display:flex}.message-detail-title p{color:#82996d;margin-bottom:8px;font-size:12px}.message-detail-title h3{color:#617e4c;font-size:16px}.detail-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1.6fr 1fr;gap:20px;margin:0 0 24px;padding:20px 0;display:grid}.detail-grid dt{color:#adba98;margin-bottom:9px;font-size:9px}.detail-grid dd{color:#859d69;overflow-wrap:anywhere;margin:0;font-size:11px}.section-label{color:#859d6b;margin:25px 0 16px;font-size:12px;font-weight:600}.timeline-entry{color:#b4bea1;align-items:center;gap:13px;padding:0 0 23px;font-size:11px;display:flex;position:relative}.timeline-entry:before{content:"";background:#e3edda;width:1px;height:23px;position:absolute;top:25px;left:12px}.timeline-entry:last-child:before{display:none}.timeline-icon{z-index:1;background:#f7faf2;border:1px solid #e4ebda;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.timeline-done .timeline-icon{color:#82a865;background:#eef6e4;border-color:#dce9ce}.timeline-entry strong{min-width:75px;font-size:10px;font-weight:500}.timeline-entry>span:last-child{margin-left:auto;font-size:10px}.timeline-done{color:#8caa73}.attempt-list>div{color:#99ac83;border:1px solid #e6eddb;border-radius:8px;align-items:center;gap:15px;margin-bottom:8px;padding:13px;font-size:10px;display:flex}.attempt-number{background:#f1f7e9;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.attempt-list>div>div{flex:1}.attempt-list strong{color:#809a68;font-size:11px;display:block}.attempt-list small{margin-top:5px;font-size:9px;display:block}.send-success{text-align:center;padding:14px 15px 10px}.success-icon{color:#779855;background:#f1f7e8;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 21px;display:grid}.send-success h3{color:#708b53;font-size:18px}.send-success p{color:#a3b18c;max-width:340px;margin:15px auto 24px;font-size:11px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:57px 25px;display:flex}.empty-icon{color:#a8b994;background:#f3f7ed;border-radius:15px;place-items:center;width:56px;height:56px;margin-bottom:18px;display:grid}.empty-state h3{color:#a0b080;font-size:13px;font-weight:500}.empty-state p{color:#b6c09f;margin:10px 0 17px;font-size:10px}.loading-state{color:#a6b595;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:11px;display:flex}.resource-error{text-align:center;color:#b2aa8b;padding:42px}.resource-error>svg{margin-bottom:16px}.resource-error h3{font-size:14px}.resource-error p{margin:11px 0 21px;font-size:11px}.boot-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-page{background:#fafbf7;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:#234d3a;flex-direction:column;padding:49px 55px 29px;display:flex;position:relative;overflow:hidden}.login-story:before{content:"";opacity:.08;pointer-events:none;background-image:radial-gradient(#ffffff90 .65px,#0000 .65px);background-size:17px 17px;position:absolute;inset:0}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:50%;width:550px;height:550px;position:absolute;top:180px;right:-170px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02}.login-story .brand{z-index:1;position:relative}.login-story-content{z-index:1;max-width:530px;margin:auto 0;padding:70px 0;position:relative}.login-eyebrow{letter-spacing:2px;color:#8eb395;font-size:9px}.login-story h1{letter-spacing:-1.4px;color:#f1f5e6;margin:22px 0 19px;font-size:42px;font-weight:450;line-height:1.3}.login-story-content>p{color:#9abb91;font-size:13px;line-height:1.9}.login-flow{align-items:center;gap:12px;margin:45px 0 17px;display:flex;position:relative}.flow-node{color:#b4cc9d;background:#ffffff08;border:1px solid #b4d49522;border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.flow-hub{background:#ffffff07;border:1px solid #b4d49535;border-radius:17px;padding:20px 16px}.flow-hub .brand{font-size:19px}.flow-hub .brand small{font-size:6px}.flow-hub .brand-mark{width:32px;height:32px}.login-flow>span{border-top:1px dashed #b4d49538;width:35px}.flow-label{color:#88ad7f;letter-spacing:1px;font-size:9px}.login-features{color:#afc697;flex-direction:column;gap:17px;margin:38px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.login-features li{align-items:center;gap:10px;display:flex}.login-features li>span{color:#9bbc80;border:1px solid #a2c58036;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.login-story footer{color:#799d6b;z-index:1;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.login-story footer>span:last-child{align-items:center;gap:6px;display:flex}.login-form-section{justify-content:center;align-items:center;padding:65px 50px;display:flex;position:relative}.login-language{position:absolute;top:36px;right:40px}.login-form-wrapper{width:100%;max-width:365px}.login-mail-icon{color:#7b975c;background:#edf4e2;border:1px solid #e2ebd3;border-radius:16px;place-items:center;width:59px;height:59px;margin-bottom:26px;display:grid}.login-form-wrapper h2{color:#496537;letter-spacing:-.6px;font-size:28px;font-weight:500}.login-form-wrapper>p{color:#9aaf82;margin:13px 0 33px;font-size:12px}.login-form-wrapper .field{margin-bottom:21px}.login-form-wrapper input{color:#7e9a61;background:#fff;border-color:#e1e8d7;height:45px;font-size:12px}.login-submit{background:#37672d;width:100%;min-height:45px;margin-top:6px;font-size:12px}.login-submit svg:last-child{margin-left:auto}.login-submit svg:first-child{margin-right:auto}.login-form-wrapper>p.login-tip{color:#a7b991;margin:26px 0;font-size:10px;line-height:1.9}.login-security{color:#b6c7a0;border-top:1px solid #e7eede;justify-content:center;align-items:center;gap:7px;padding-top:20px;font-size:9px;display:flex}@media (min-width:1500px){.main-content{padding-left:44px;padding-right:44px}.global-actions{right:44px}.topbar{padding-left:44px;padding-right:44px}.activity-chart svg{max-height:265px}.channel-card{padding:18px}.metric-card{padding:23px}.donut-wrap{width:205px;height:205px}}@media (max-width:1200px){:root{--sidebar:216px}.sidebar{padding-left:13px;padding-right:13px}.main-content{padding:22px 24px 0}.topbar{padding:0 24px}.global-actions{top:98px;right:24px}.channel-grid{gap:10px;padding-left:17px;padding-right:17px}.channel-card{flex-wrap:wrap;gap:8px;padding:13px 10px}.channel-card .badge{margin-left:43px}.channel-card strong{font-size:10px}.metric-card{padding:17px 16px}.metric-value{font-size:26px}.data-table td,.data-table th{padding-left:17px;padding-right:17px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.donut-wrap{width:158px;height:158px}.routing-legend{padding-left:18px;padding-right:18px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-status{display:none}.overview-heading h1,.page-heading h1{font-size:25px}.overview-heading{padding-right:280px}.page-heading>div:first-child{padding-right:170px}.environment-label{display:none}.environment-banner p{font-size:9px}.login-story{padding:42px 36px}.login-story h1{font-size:34px}.login-flow{gap:8px}.login-flow>span{width:20px}.flow-hub{padding:15px 11px}}@media (max-width:980px){.sidebar{width:200px}:root{--sidebar:200px}.dashboard-grid{grid-template-columns:1fr}.routing-panel{grid-template-columns:1.2fr 170px 1fr;align-items:center;display:grid}.routing-panel .panel-heading{align-self:start;padding:20px}.donut-wrap{width:150px;height:150px;margin:13px auto}.routing-legend{padding:10px 17px}.metric-grid{gap:11px}.metric-card{padding:15px 13px}.metric-top{font-size:10px}.metric-icon{width:26px;height:26px}.metric-value{font-size:23px}.metric-foot{font-size:8px}.overview-heading{padding-right:0}.global-actions{justify-content:flex-end;margin-top:18px;position:static}.overview-heading,.page-heading{padding-top:24px}.page-heading{min-height:auto}.page-heading>div:first-child{padding-right:0}.heading-actions{margin-top:10px}.environment-banner p{display:none}.domain-grid{grid-template-columns:1fr}.usage-stats-grid{grid-template-columns:repeat(2,1fr)}.webhook-grid{grid-template-columns:1fr}.login-page{grid-template-columns:.9fr 1fr}.login-story{padding:37px 24px}.flow-hub .brand small{display:none}.flow-hub .brand{font-size:16px}.flow-hub .brand-mark{display:none}.login-story h1{font-size:30px}.login-form-section{padding-left:34px;padding-right:34px}}@media (max-width:760px){:root{--sidebar:0px}.sidebar{width:244px;transition:transform .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.mobile-close,.mobile-menu{display:inline-flex}.sidebar-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;background:#14291f66;position:fixed;inset:0}.topbar{height:62px;padding:0 18px}.topbar-actions{gap:12px}.breadcrumb-workspace{display:none}.breadcrumbs{gap:9px}.main-content{padding:17px 18px 0}.global-actions{gap:9px;margin-top:16px}.global-actions .button{min-height:35px;font-size:10px}.overview-heading h1,.page-heading h1{font-size:25px}.overview-heading p,.page-heading p{font-size:10px}.overview-heading{padding:25px 0 23px}.overview-toolbar{gap:10px}.toolbar-note{font-size:8px}.date-tabs button{padding:6px 9px;font-size:9px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:18px}.metric-value{font-size:28px}.metric-foot{font-size:9px}.metric-top{font-size:11px}.channel-grid{grid-template-columns:1fr}.channel-card{flex-wrap:nowrap;gap:12px;padding:16px}.channel-card .badge{margin-left:auto}.channel-card strong{font-size:12px}.channel-card>div>span{font-size:9px}.panel-heading{padding:20px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.channels-panel .panel-heading>.small{font-size:8px}.routing-panel{grid-template-columns:1fr 1fr}.routing-panel .panel-heading{grid-column:1/-1;padding-bottom:3px}.routing-legend{padding-right:20px}.donut-wrap{width:159px;height:159px}.chart-summary span{font-size:8px}.chart-summary{padding:16px 20px}.chart-summary strong{font-size:14px}.activity-chart{padding:10px 3px 0}.page-heading{flex-wrap:wrap;gap:15px;padding-top:24px}.page-heading h1{font-size:26px}.heading-actions{margin-top:0}.template-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap;gap:10px;padding:15px}.search-field{width:100%;min-width:0}.table-toolbar>select{max-width:190px}.table-toolbar .button{min-height:36px}.data-table th,.data-table td{padding-left:18px;padding-right:18px}.main-footer{gap:15px;font-size:8px}.main-footer>span:last-child{display:none}.usage-hero{padding:23px}.usage-count strong{font-size:36px}.usage-legend{flex-wrap:wrap;gap:12px}.usage-legend strong{width:100%;margin-left:0}.usage-hero-header{align-items:flex-start}.usage-stats-grid{gap:12px}.usage-stat{padding:20px}.usage-stat strong{font-size:25px}.webhook-hero{padding:30px 20px}.webhook-hero h2{font-size:23px}.webhook-art{gap:10px}.webhook-art>i{width:35px}.modal{max-height:calc(100dvh - 32px);padding:23px}.form-grid{grid-template-columns:1fr;gap:0}.detail-grid{grid-template-columns:1fr}.message-detail-title h3{font-size:14px}.timeline-entry{gap:9px}.timeline-entry>span:last-child{font-size:9px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-section{min-height:100dvh;padding:85px 28px 45px}.login-language{top:25px;right:25px}.login-form-wrapper{max-width:390px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:760px){.sidebar{visibility:hidden}.sidebar-open{visibility:visible}}:root{--reconciliation-muted:#87957f}.reconciliation-panel{margin:24px 0;padding:24px}.reconciliation-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reconciliation-heading h2{color:#45563d;font-size:17px;font-weight:550}.reconciliation-summary{color:#6b7c60;align-items:center;gap:10px;font-size:12px;line-height:1.7;display:flex}.reconciliation-metrics{margin:21px 0 18px}.reconciliation-metrics .usage-stat{border-right:1px solid var(--border);padding:15px 0}.reconciliation-metrics .usage-stat:last-child{border-right:0}.reconciliation-backlog{color:var(--reconciliation-muted);border-top:1px solid var(--border);flex-wrap:wrap;gap:11px 24px;margin-bottom:5px;padding:16px 0;font-size:11px;display:flex}.reconciliation-backlog strong{color:#45563d;margin-left:5px;font-weight:550}.reconciliation-timestamp{color:var(--reconciliation-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:10px;line-height:1.7;display:flex}@media (max-width:600px){.reconciliation-panel{padding:18px}.reconciliation-summary{align-items:flex-start}.reconciliation-summary .badge{flex-shrink:0}.reconciliation-metrics .usage-stat:nth-child(2){border-right:0}.reconciliation-heading .button{flex-shrink:0}}.webhook-config-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px;margin-bottom:24px;display:grid}.webhook-config{padding:26px}.webhook-section-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.webhook-section-title>div{flex:1;min-width:0}.webhook-section-title p{color:var(--muted);margin-top:5px;font-size:12px}.webhook-toggle{background:var(--green-light);border-radius:9px;align-items:flex-start;margin-bottom:22px;padding:15px}.webhook-toggle span{gap:5px;display:grid}.webhook-toggle small{color:#6b7d71;font-weight:400;line-height:1.7}.webhook-key-meta{border-bottom:1px solid var(--border);gap:7px;margin:0 0 22px;padding:14px 0;font-size:12px;display:grid}.webhook-key-meta>span,.webhook-key-meta small{color:var(--muted)}.webhook-key-meta code{overflow-wrap:anywhere}.webhook-form-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.webhook-guide{background:#f2f6ef;padding:26px}.webhook-guide>svg{color:var(--green);margin-bottom:16px}.webhook-guide h2{margin-bottom:12px}.webhook-guide p{color:#778773;font-size:12px;line-height:1.9}.webhook-guide-item{border-top:1px solid #e0e8db;gap:10px;margin-top:22px;padding-top:22px;display:grid}.webhook-guide-item strong{font-size:12px;font-weight:600}.webhook-guide-item code{color:var(--green);overflow-wrap:anywhere;font-size:11px}.webhook-cell-meta{color:var(--muted);white-space:normal;max-width:210px;margin-top:7px;line-height:1.5;display:block}.webhook-target{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:12px;display:block;overflow:hidden}.webhook-secret{margin:18px 0}.webhook-secret code{overflow-wrap:anywhere}.webhook-diagnostics{gap:17px;margin:22px 0;display:grid}.webhook-diagnostics>div{grid-template-columns:140px minmax(0,1fr);gap:12px;display:grid}.webhook-diagnostics span{color:var(--muted);font-size:12px}.webhook-diagnostics code{overflow-wrap:anywhere;font-size:11px;line-height:1.8}.badge-succeeded{color:#377750;background:#edf5ef}.badge-dead{color:#ab6257;background:#fbefed}.badge-webhookPending{color:#9b855e;background:#f4f1e9}.badge-succeeded .badge-dot{background:#55916b}.badge-dead .badge-dot{background:#c27669}.badge-webhookPending .badge-dot{background:#bea274}@media (max-width:1050px){.webhook-config-grid{grid-template-columns:1fr}.webhook-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.webhook-guide>svg,.webhook-guide>h2,.webhook-guide>p{grid-column:1/-1}.webhook-guide>svg,.webhook-guide h2{margin-bottom:0}.webhook-guide-item{margin-top:0;padding-top:16px}}@media (max-width:600px){.webhook-config,.webhook-guide{padding:20px}.webhook-guide{display:block}.webhook-guide>svg{margin-bottom:14px}.webhook-guide h2{margin-bottom:12px}.webhook-guide-item{margin-top:20px}.webhook-section-title{flex-wrap:wrap;gap:10px}.webhook-section-title .badge{margin-left:51px}.webhook-diagnostics>div{grid-template-columns:1fr;gap:4px}}.dns-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.dns-summary .button{margin-left:auto}.dns-health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.dns-health-item{border:1px solid var(--border);background:#fafbf8;border-radius:10px;min-width:0;padding:17px}.dns-health-item .dns-result-title{align-items:flex-start;gap:12px;margin-bottom:12px}.dns-health-item strong{font-size:12px}.dns-query{color:var(--green);overflow-wrap:anywhere;line-height:1.8;display:block}.dns-values{gap:7px;margin-top:14px;display:grid}.dns-values>span{color:var(--muted);font-size:10px;font-weight:600}.dns-values>code{overflow-wrap:anywhere;white-space:pre-wrap;background:#f0f4eb;border-radius:5px;max-height:110px;padding:6px 8px;font-size:10px;line-height:1.8;overflow-y:auto}.dns-issue{color:#7d8b72;line-height:1.8;margin-top:12px!important;font-size:11px!important}.dns-profile-empty{background:var(--green-light);border-radius:10px;flex-wrap:wrap;gap:10px;margin:20px 0;padding:20px;display:flex}.dns-profile-empty h3{font-size:13px}.dns-profile-empty p{color:#7d8b72;width:100%;font-size:12px}.dns-provider-profile{border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.dns-profile-heading{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dns-profile-heading h3{font-size:14px}.dns-cache-meta{color:var(--muted);flex-wrap:wrap;gap:12px 22px;margin:20px 0 0;font-size:10px;display:flex}.dns-result-title{justify-content:space-between;display:flex}@media (max-width:600px){.dns-health-grid{grid-template-columns:1fr}.dns-health-item{padding:14px}.dns-summary>span{width:100%}.dns-summary .button{margin-left:0}.dns-cache-meta{gap:8px;display:grid}}.sender-channel-state{flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0;display:flex}.sender-channel-state small{width:100%;color:var(--muted);font-size:10px}.time-range-control{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.time-range-control>select{width:170px;min-height:36px;font-size:11px}.custom-time-range{flex-wrap:wrap;align-items:flex-end;gap:10px;min-width:0;display:flex}.custom-time-range .field{flex:1;min-width:0;margin:0}.custom-time-range input{min-width:0;font-size:11px}.range-help{color:var(--muted);flex-basis:100%;font-size:10px;line-height:1.6}.range-help[role=alert]{color:#b74d47}.message-range-toolbar{border-bottom:1px solid var(--border);padding:0 23px 18px}.overview-toolbar{flex-wrap:wrap}.overview-toolbar .toolbar-note{margin-left:auto}.diagnostic-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:12px;display:grid}.diagnostic-metrics>div{padding:18px 22px}.diagnostic-metrics span{color:#89967c;font-size:11px;display:block}.diagnostic-metrics strong{color:#405d39;margin-top:10px;font-size:23px;display:block}.overview-metric-help{margin-bottom:20px;line-height:1.7}.channel-breakdown{margin-bottom:24px}.channel-breakdown .panel-heading{padding-bottom:12px}.channel-breakdown-items{flex-wrap:wrap;gap:15px;padding:0 24px 20px;display:flex}.channel-breakdown-items>div{background:#f6f8f1;border-radius:8px;align-items:center;gap:18px;padding:12px 16px;font-size:11px;display:flex}.channel-breakdown-items strong{color:#405d39}.channel-breakdown-items span{color:#89967c}@media (max-width:700px){.time-range-control,.custom-time-range{width:100%}.custom-time-range .field{flex-basis:100%}.custom-time-range .button{width:100%}.message-range-toolbar{padding:0 15px 16px}.diagnostic-metrics{grid-template-columns:1fr;gap:10px}.diagnostic-metrics>div{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.diagnostic-metrics strong{margin-top:0;font-size:20px}.channel-breakdown-items>div{justify-content:space-between;gap:8px;width:100%}.overview-toolbar .toolbar-note{margin-left:0}}.dns-discovery{color:#829174;margin:12px 0;font-size:10px}.dns-discovery summary{cursor:pointer;line-height:1.7}.dns-discovery .dns-query{margin-top:7px}.channel-metric-age{color:#8b9b7e;margin-top:5px;font-size:9px;line-height:1.6;display:block}.operations-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.badge-processed{color:var(--green);background:#edf5ef}.badge-quarantined{color:#99612d;background:#fbf2e6}@media (max-width:600px){.operations-tabs .button{flex:1}}.system-admin-label{color:var(--green);align-items:center;gap:7px;font-size:11px;display:flex}.system-summary{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(230px,1.5fr);gap:16px;margin-bottom:18px;display:grid}.system-summary>.panel{padding:20px 23px}.system-summary span{color:var(--muted);font-size:11px;display:block}.system-summary strong{color:var(--green);margin-top:10px;font-size:28px;font-weight:500;display:block}.system-control{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.system-control>span:first-child{width:100%}.system-control .badge{display:inline-flex}.system-control .button{height:auto;margin-left:auto;padding:5px 0;font-size:10px}.system-runtime{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:24px;padding:18px 23px;font-size:11px;display:flex}.system-runtime>div:first-child{align-items:center;gap:8px;display:flex}.system-runtime-ready{color:var(--green)}.system-runtime-pending{color:#9a733a}.system-runtime-services{color:var(--muted);gap:22px;margin-left:auto;display:flex}.system-runtime-services small{margin-top:4px;font-size:9px;display:block}.system-actions{flex-wrap:wrap;gap:9px;display:flex}.system-cloud-panel .table-toolbar{flex-wrap:wrap;gap:10px}.system-cloud-panel h2{align-items:center;gap:9px;font-size:14px;display:flex}.system-cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 23px;display:grid}.system-cloud-card{border:1px solid var(--border);background:#fcfdf9;border-radius:13px;min-width:0;padding:20px}.system-cloud-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.system-cloud-title h3{overflow-wrap:anywhere;font-size:14px}.system-cloud-title p{color:var(--muted);margin-top:5px;font-size:10px}.system-state{color:#8e783f;background:#f4f1e4;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:9px}.system-cloud-card dl,.system-check-report dl{margin:18px 0}.system-cloud-card dl>div,.system-check-report dl>div{justify-content:space-between;gap:20px;min-width:0;margin:10px 0;font-size:11px;display:flex}.system-cloud-card dt,.system-check-report dt{color:var(--muted);overflow-wrap:anywhere}.system-cloud-card dd,.system-check-report dd{text-align:right;overflow-wrap:anywhere;min-width:0}.system-credential-state{color:var(--green);align-items:center;gap:7px;margin-bottom:8px;font-size:10px;display:flex}.system-card-actions{gap:9px;margin-top:18px;display:flex}.system-environment{border-top:1px solid var(--border);padding:24px;font-size:11px}.system-environment h3{margin-bottom:9px;font-size:13px}.system-environment p{color:var(--muted);margin-bottom:16px;line-height:1.7}.system-environment>div{flex-wrap:wrap;gap:20px;margin-top:10px;display:flex}.system-environment code{overflow-wrap:anywhere}.system-form-fields{border:0;min-width:0;margin:0;padding:0}.system-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;min-width:0;display:grid}.system-form-grid .field{min-width:0}.system-form-section{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}.system-form-section h3{align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.system-checkbox{cursor:pointer;align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;display:flex}.system-checkbox input{width:16px;height:16px;accent-color:var(--green);flex-shrink:0;margin-top:2px;padding:0}.system-checkbox small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.7;display:block}.system-check-report{border-top:1px solid var(--border);margin-top:18px;padding-top:16px;font-size:11px}.system-check-report ul{color:#96733d;overflow-wrap:anywhere;margin-top:10px;padding-left:18px;line-height:1.9}.system-check-report summary{cursor:pointer;color:var(--green)}@media (max-width:1050px){.system-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.system-runtime-services{flex-basis:100%;margin-left:0}.system-cloud-grid{grid-template-columns:1fr}}@media (max-width:600px){.system-summary{gap:10px}.system-summary>.panel{padding:17px}.system-summary strong{font-size:23px}.system-control .button{text-align:left;margin-left:0}.system-runtime{gap:12px;padding:17px}.system-runtime-services{flex-wrap:wrap;gap:18px}.system-cloud-grid{padding:15px}.system-cloud-card{padding:17px}.system-form-grid{grid-template-columns:1fr}.system-admin-label{width:100%}.system-cloud-panel .table-toolbar{padding:16px}.system-actions{width:100%}.system-actions .button{flex:1}.system-state{margin-left:0}.system-cloud-card dl>div{gap:10px}}