:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#292a38;background:#f3f2f6}*{box-sizing:border-box}html,body,#root{max-width:100%}body{margin:0}button,input,select,textarea{font:inherit}.access{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#211f35,#403b67)}.access form{width:min(480px,100%);padding:38px;background:#fff;border-radius:24px;box-shadow:0 30px 80px #11102366}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#8b7ee8;color:#fff;margin-bottom:24px}.access h1{font:700 40px/1 Georgia,serif;margin:10px 0 15px}.access p{color:#686678;line-height:1.55}.access input{width:100%;padding:14px;border:1px solid #d1cedd;border-radius:10px;margin:10px 0}.access button{width:100%;padding:13px;border:0;border-radius:10px;background:#6155bd;color:#fff;font-weight:800}.access small{display:block;color:#8b8899;margin-top:18px}.error{color:#8a3434}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#7162d2;font-weight:800;font-size:10px}.app{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#242238;color:#fff;padding:27px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:0 8px 30px;font-weight:800}.brand b{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#8b7ee8}.brand span{display:block;color:#aaa5c9;text-transform:uppercase;font-size:8px;letter-spacing:.13em;margin-top:4px}nav{display:grid;gap:4px}nav button,.logout{border:0;background:transparent;color:#c6c2dd;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer}nav button.active,nav button:hover{background:#ffffff12;color:#fff}.logout{margin-top:auto;border-top:1px solid #ffffff18;border-radius:0;color:#dfbdbd}main{min-width:0;max-width:100%;padding:42px clamp(22px,5vw,70px)}header{display:flex;justify-content:space-between;gap:20px;min-width:0}h1{font:700 clamp(40px,5vw,58px)/1 Georgia,serif;margin:8px 0 11px}header p{color:#6c6979}.refresh{height:max-content;border:1px solid #d9d6e2;background:#fff;border-radius:9px;padding:10px 14px}.banner{margin:18px 0;padding:12px 15px;border-radius:10px;background:#e7e4f7}.banner.error{background:#fae8e8;color:#843939}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:35px}.metrics article,.panel{background:#fff;border:1px solid #dfdde7;border-radius:17px;padding:22px;box-shadow:0 7px 24px #28243d0d}.metrics article,.panel,.panel>*{min-width:0}.metrics span,.metrics small{display:block;color:#777484;font-size:11px}.metrics strong{display:block;font:700 35px Georgia,serif;margin:14px 0 9px}.panel{margin-top:30px;padding:27px;max-width:100%}.panel h2{font:700 28px Georgia,serif;margin:7px 0}.panel-head{display:flex;justify-content:space-between;gap:16px;min-width:0}.panel-head>div{min-width:0}.panel-head code{font-size:10px;background:#f1eff5;padding:6px;border-radius:7px;height:max-content}.table-wrap{overflow:auto;margin-top:22px;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid #ebe9ef}th{text-transform:uppercase;font-size:9px;letter-spacing:.1em;color:#7b7789}.empty{padding:35px;text-align:center;color:#807d8b}.future{max-width:760px;background:linear-gradient(135deg,#fff,#f1edff)}.future p{color:#696677;line-height:1.6;font-size:17px}.pill{display:inline-block;background:#e7e2ff;color:#5545bd;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}code,pre{max-width:100%}pre{margin:0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}code{overflow-wrap:anywhere;word-break:break-word}@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:static;height:auto}aside nav{display:flex;overflow:auto}.logout{margin-top:14px}main{padding:27px 17px}.metrics{grid-template-columns:1fr 1fr}.refresh{display:none}}.onboarding-wizard-panel{background:linear-gradient(180deg,#fff,#fbfaff)}.ops-form-intro{margin:4px 0 0;color:#625f74;max-width:80ch;line-height:1.6}.ops-wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,28vw,360px);gap:18px;align-items:start;margin-top:20px;max-width:100%}.ops-onboarding-form{display:grid;gap:12px}.ops-form-main{min-width:0}.ops-form-card{border:1px solid #e5e2ee;border-radius:0 0 16px 16px;background:#fcfbff;padding:14px 16px 16px;box-shadow:inset 0 1px #fff;min-width:0}.ops-section-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ops-section-head .eyebrow{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#efeafe;color:#5d48c5}.ops-section-head h3{margin:0;font:700 20px/1.2 Georgia,serif;color:#26243a}.ops-accordion{border:1px solid #e5e2ee;border-radius:16px;background:#fff;overflow:hidden;min-width:0}.ops-accordion>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:800;color:#2d2940}.ops-accordion>summary::-webkit-details-marker{display:none}.ops-accordion>summary span{font-size:15px}.ops-accordion>summary small{color:#716b84;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-accordion[open]>summary{border-bottom:1px solid #ece7f4;background:#faf8ff}.ops-accordion-body{border:0;border-radius:0;background:#fcfbff}.ops-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-field,.ops-field.full{display:grid;gap:7px}.ops-field.full{grid-column:1/-1}.ops-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#2e2b3d}.ops-help{color:#6d6980;line-height:1.35;font-size:11px}.help-hint{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#ece8f9;color:#5f4ec0;font-size:11px;font-weight:800;cursor:help}.ops-onboarding-form input,.ops-onboarding-form select,.ops-onboarding-form textarea{width:100%;border:1px solid #cec8dd;border-radius:10px;padding:11px 12px;background:#fff;color:#292a38;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.ops-onboarding-form textarea{min-height:86px;resize:vertical}.ops-onboarding-form input:focus,.ops-onboarding-form select:focus,.ops-onboarding-form textarea:focus,.ops-onboarding-form button:focus{outline:none;border-color:#6b5bc9;box-shadow:0 0 0 4px #dcd5ff}.ops-onboarding-form input:disabled{background:#f3f1f8;color:#8a8698}.ops-chip-panel{display:grid;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #ece7f4;min-width:0}.ops-chip-panel>div>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a748e;margin-bottom:6px}.ops-derived-preview article,.ops-connector-summary,.ops-preview-summary-card,.ops-checklist-card,.ops-preview-grid article,.ops-sidebar-block{border:1px solid #e7e3f1;border-radius:14px;background:#fff;padding:12px;min-width:0}.ops-derived-preview span,.ops-preview-facts span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7a748e}.ops-derived-preview b,.ops-preview-facts b{display:block;margin-top:6px;color:#28253a;line-height:1.5;overflow-wrap:anywhere}.ops-toggle-row{display:flex;flex-wrap:wrap;gap:12px}.ops-toggle-row.full{grid-column:1/-1}.ops-toggle{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border:1px solid #e5e2ee;border-radius:12px;background:#fff;cursor:pointer;flex:1}.ops-toggle input{width:18px;height:18px;margin:3px 0 0;padding:0;border-radius:4px;flex:0 0 auto;accent-color:#5d48c5;box-shadow:none}.ops-toggle b{display:block;color:#29263b}.ops-toggle small{display:block;margin-top:3px;color:#6f6b80;line-height:1.45}.ops-connector-summary{display:grid;gap:4px;background:linear-gradient(135deg,#f8f5ff,#fff)}.ops-connector-summary.compact{margin-top:12px}.ops-connector-summary b{color:#342b61}.ops-connector-summary span{color:#524d67;line-height:1.5}.ops-connector-summary small{color:#7a7591}.ops-connector-details{display:grid;gap:10px;margin-top:16px}.ops-connector-details p{margin:0;color:#55526a;line-height:1.55}.ops-chip-row{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.ops-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f2effc;color:#5648b6;font-size:12px}.ops-chip,.ops-chip-panel small{max-width:100%;overflow-wrap:anywhere}.ops-wizard-sidebar{min-width:0;max-width:100%}.ops-checklist-card.sticky{position:sticky;top:18px;display:grid;gap:12px}.ops-sidebar-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ops-sidebar-topline h3{margin:4px 0 0;font:700 20px/1.1 Georgia,serif;color:#26243a}.ops-sidebar-topline b{font-size:14px;color:#5d48c5;white-space:nowrap}.ops-checklist-card h4,.ops-preview-summary-card h4,.ops-preview-panel h3,.ops-sidebar-block h4{margin:0 0 10px;font:700 16px/1.2 Georgia,serif;color:#26243a}.ops-checklist{display:grid;gap:10px}.ops-checklist div{border:1px solid #ece8f5;border-radius:12px;padding:10px;background:#fff}.ops-checklist .ok{border-color:#cfe5d9;background:#f8fdf9}.ops-checklist .todo{border-color:#ecd9bf;background:#fffaf3}.ops-checklist b{display:inline-block;margin-right:8px}.ops-checklist span{display:block;font-weight:700;color:#2b283d}.ops-checklist small{display:block;margin-top:5px;color:#6c687f;line-height:1.45}.ops-checklist.compact{gap:8px}.ops-checklist.compact div{padding:9px 10px}.ops-checklist.compact small{font-size:11px}.ops-subtle{margin:12px 0 0;color:#716c84;line-height:1.5}.ops-preview-facts{display:grid;gap:10px}.ops-preview-facts div{padding:10px 0;border-bottom:1px solid #efedf5;min-width:0}.ops-preview-facts div:last-child{border-bottom:0}.ops-preview-facts.compact{gap:0}.ops-preview-facts.compact div{padding:8px 0}.ops-preview-summary-card.sidebar{padding:12px}.ops-sidebar-block{display:grid;gap:10px}.ops-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;min-width:0}.ops-action-row button{border:0;border-radius:12px;padding:13px 16px;background:#5d48c5;color:#fff;font-weight:800;cursor:pointer}.ops-action-row button[type=button]{background:#fff;color:#322f45;border:1px solid #d6d1e3}.ops-action-row button:disabled{opacity:.55;cursor:not-allowed}.ops-action-row.sidebar{margin-top:0}.ops-action-row.sidebar button{flex:1}.ops-preview-panel{margin-top:20px;border:1px solid #e3deef;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#f8fbff);padding:22px}.ops-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ops-preview-grid p{margin:0;color:#605c74}.ops-message-list{display:grid;gap:8px;min-width:0}.ops-message-list small{display:block;padding:10px 12px;border-radius:10px;background:#f5f3fa;color:#5f5b74;line-height:1.45}.ops-raw-preview{border-top:1px solid #ece7f4;padding-top:10px}.ops-raw-preview summary{cursor:pointer;font-weight:700;color:#4c4680}.ops-raw-preview pre{margin-top:10px;max-height:220px;overflow:auto;white-space:pre-wrap}.ops-setup-details{margin-top:14px;border:1px solid #e7e3f1;border-radius:14px;background:#fbfaff;padding:0 12px}.ops-setup-details summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;color:#433c73}.ops-setup-details summary::-webkit-details-marker{display:none}.ops-setup-details[open]{padding-bottom:12px}.copy-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.copy-row button{flex:0 0 auto}@media(max-width:1100px){.ops-wizard-layout,.ops-field-grid,.ops-preview-grid{grid-template-columns:1fr}.ops-checklist-card.sticky{position:static}}@media(max-width:850px){.ops-form-card{padding:14px}.ops-accordion>summary{padding:12px 14px}.ops-accordion>summary small{max-width:44vw}}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;color:#777484;font-size:12px;min-width:0;flex-wrap:wrap}.pagination button{border:1px solid #d9d6e2;background:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}.pagination button:disabled{opacity:.45;cursor:not-allowed}.forgot-link{display:block;margin-top:14px;color:#5b4fc4;font-size:12px}.system-health{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.system-health article{border-radius:10px;padding:13px;background:#f3f1f8}.system-health span,.system-health b{display:block}.system-health span{text-transform:uppercase;font-size:9px;color:#777484}.system-health b{margin-top:7px;font-size:14px}.system-health .health-ok,.system-health .health-log,.system-health .health-smtp{background:#e4f4ec;color:#176047}.system-health .health-warn,.system-health .health-unknown{background:#fff0d7;color:#815617}.cdn-health{overflow-wrap:anywhere;font-size:11px}@media(max-width:950px){.system-health{grid-template-columns:repeat(3,1fr)}}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;min-width:0}.billing-summary-grid>article{border:1px solid #e4e0eb;border-radius:12px;padding:16px;min-width:0}.billing-summary-grid h3{margin:0 0 12px;font:700 17px Georgia,serif}.billing-summary-grid article div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;text-transform:capitalize;font-size:12px;min-width:0}.billing-summary-grid article div span,.billing-summary-grid article div b{min-width:0;overflow-wrap:anywhere;word-break:break-word}.billing-alerts{display:grid;gap:8px;margin-top:15px}.billing-alerts article{display:flex;align-items:center;gap:15px;border:1px solid #e4e0eb;border-radius:10px;padding:13px;min-width:0}.billing-alerts article>div{margin-right:auto;min-width:0}.billing-alerts article span,.billing-alerts article small{display:block;color:#777484;font-size:10px;overflow-wrap:anywhere;word-break:break-word}.billing-alerts article small{background:#f5f3fb;border-radius:999px;padding:6px 8px}@media(max-width:850px){.billing-summary-grid{grid-template-columns:1fr}.billing-alerts article{align-items:flex-start;flex-direction:column}}.readiness-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:17px;min-width:0}.readiness-grid div{padding:14px;border-radius:11px;background:#f5f3fb;min-width:0}.readiness-ok{background:#e4f4ec!important;color:#176047}.readiness-warn{background:#fff0d7!important;color:#815617}.readiness-grid b,.readiness-grid span{display:block;overflow-wrap:anywhere;word-break:break-word}.readiness-grid b{font:700 25px Georgia,serif}.readiness-grid span{margin-top:5px;color:#777484;font-size:11px}.test-pill{display:inline-block;border-radius:999px;padding:5px 8px;background:#e7e2ff;color:#5545bd;font-size:9px;font-weight:800}@media(max-width:850px){.readiness-grid{grid-template-columns:1fr 1fr}}.billing-workflow-list{display:grid;gap:8px;min-width:0}.billing-workflow-list article{display:flex;align-items:center;gap:8px;border:1px solid #e4e0eb;border-radius:10px;padding:13px;min-width:0}.billing-workflow-list article>div{display:grid;gap:4px;margin-right:auto;min-width:0}.billing-workflow-list b,.billing-workflow-list span,.billing-workflow-list small{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.billing-workflow-list span,.billing-workflow-list small{font-size:11px;color:#777484}.billing-workflow-list button{border:0;border-radius:8px;padding:8px 11px;background:#226f5b;color:#fff;flex:0 0 auto}.billing-workflow-list button.reject{background:#a33b3b}@media(max-width:650px){.billing-workflow-list article{align-items:stretch;flex-direction:column}}