:root{--brand:#304bd2;--on-brand:#fff;--sidebar:#101c35;--sidebar-text:#d5deef;--canvas:#f4f7fb;--surface:#fff;--text:#172b4d;--muted:#607086;--line:#dce3ee;--header:#fff;--bs-body-bg:var(--canvas);--bs-body-color:var(--text);--bs-border-color:var(--line)}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.925rem;line-height:1.6}a{color:var(--brand);text-underline-offset:3px}button,input,textarea,select{font:inherit}.icon{flex:none;vertical-align:middle}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:var(--surface);z-index:2000}.skip-link:focus{top:10px}
.portal-header{height:80px;position:sticky;top:0;z-index:1050;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 32px;background:var(--header);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:1.08rem;font-weight:750;letter-spacing:-.025em}.brand small{display:block;font-size:.64rem;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px}.brand img{max-width:160px;max-height:42px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--brand);color:var(--on-brand);box-shadow:0 4px 10px #15244016;font-size:1.05rem}.header-actions{display:flex;align-items:center;gap:18px}.header-actions form{margin:0}.header-account{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:.8rem;font-weight:650}.header-account small{display:block;color:var(--muted);font-size:.69rem;font-weight:450}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.customer-switch{display:flex;gap:6px;align-items:center;max-width:260px}.customer-switch .form-select{max-width:210px;font-size:.78rem}.nav-toggle.btn{display:none}
.portal-shell{display:flex;min-height:calc(100vh - 80px)}.portal-sidebar{width:266px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);padding:25px 17px 18px;position:sticky;top:80px;align-self:flex-start;height:calc(100vh - 80px);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.portal-sidebar nav{flex:1}.nav-label{margin:23px 13px 11px;text-transform:uppercase;font-size:.63rem;letter-spacing:.15em;font-weight:750;opacity:.6}.nav-label:first-child{margin-top:0}.portal-sidebar .nav-link,.nav-group>summary{display:flex;align-items:center;gap:11px;padding:10px 13px;margin:3px 0;border-radius:9px;color:var(--sidebar-text);font-size:.8rem;font-weight:520;text-decoration:none;cursor:pointer;transition:background .15s}.portal-sidebar .nav-link .icon,.nav-group>summary>.icon{width:18px;height:18px;opacity:.85}.portal-sidebar .nav-link:hover,.nav-group>summary:hover{background:#ffffff0d;color:var(--sidebar-text)}.portal-sidebar .nav-link.active,.portal-sidebar .nav-link[aria-current=page]{background:var(--brand);color:var(--on-brand);box-shadow:0 3px 12px #0002}.nav-group>summary{list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:auto;opacity:.6}.nav-group[open]>summary:after{transform:rotate(45deg)}.nav-children{margin:4px 0 12px 20px;padding-left:10px;border-left:1px solid #ffffff20}.nav-children .nav-link{font-size:.76rem;padding:8px 11px}.sidebar-footer{border-top:1px solid #ffffff18;margin-top:25px;padding:18px 11px 0;font-size:.66rem;display:flex;gap:8px;align-items:center;opacity:.65}.sidebar-footer .icon{width:15px;height:15px}.sidebar-backdrop{display:none}
.portal-main{padding:38px 40px 60px;max-width:1600px;min-width:0;width:100%}.auth-main{max-width:520px;margin:5vh auto;padding:24px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}h1{font-size:clamp(1.6rem,2.3vw,2.1rem);font-weight:750;letter-spacing:-.045em;line-height:1.2;margin-bottom:10px}h2{font-size:1.025rem;font-weight:700;letter-spacing:-.015em}h3{font-size:.95rem;font-weight:650}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;font-weight:750;color:var(--brand);margin-bottom:9px}.subtle,.text-muted,.form-text{color:var(--muted)!important}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:24px;box-shadow:0 4px 24px #172b4d04}.row>.col-xl-4>.panel.h-100,.row>.col-md-6>.panel.h-100{margin-bottom:0}.metric{font-size:2.55rem;font-weight:750;line-height:1.2;letter-spacing:-.06em;margin:12px 0}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.feature-icon{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.feature-icon .icon{width:23px;height:23px}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line);font-size:.82rem}.table th{color:var(--muted);font-weight:650;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;padding:13px 12px;background:color-mix(in srgb,var(--canvas) 60%,var(--surface))}.table td{padding:17px 12px;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table-responsive{max-width:100%}.status-pill{display:inline-block;padding:5px 9px;border-radius:7px;font-size:.7rem;background:var(--canvas);color:var(--text)}.badge{font-weight:600;font-size:.66rem;line-height:1.5;padding:5px 9px}.status-badge{border-radius:20px}.status-healthy{background:#e6f6ee;color:#166145}.status-error{background:#fff0ed;color:#a03327}.status-neutral{background:#eef1f6;color:#536176}.status-pending{background:#eef0ff;color:#4841a4}.integration-card{display:flex;flex-direction:column}.integration-meta{font-size:.72rem;margin:10px 0}.integration-meta>div{display:flex;justify-content:space-between;gap:15px;margin:7px 0}.integration-meta dt{font-weight:450;color:var(--muted)}.integration-meta dd{margin:0;text-align:right}.detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:13px;font-size:.82rem;margin-bottom:0}.detail-grid dt{font-weight:500;color:var(--muted)}.detail-grid dd{margin:0}.detail-grid code{white-space:normal}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:.8rem;border-radius:9px;padding:10px 15px}.btn-sm{font-size:.71rem;padding:7px 10px;border-radius:7px}.btn .icon{width:17px;height:17px}.btn-primary{--bs-btn-color:var(--on-brand);--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-color:var(--on-brand);--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-active-bg:var(--brand);--bs-btn-active-border-color:var(--brand);--bs-btn-active-color:var(--on-brand);--bs-btn-disabled-bg:var(--brand);--bs-btn-disabled-border-color:var(--brand);--bs-btn-disabled-color:var(--on-brand)}.btn-primary:hover{filter:brightness(.94)}.btn-light{--bs-btn-bg:var(--canvas);--bs-btn-color:var(--text);--bs-btn-border-color:var(--line)}.form-label{font-size:.77rem;font-weight:650;margin-bottom:8px}.form-control,.form-select{background-color:var(--surface);color:var(--text);border-color:var(--line);font-size:.83rem;padding:11px 13px;border-radius:9px}.form-control:focus,.form-select:focus{background-color:var(--surface);color:var(--text);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.form-text{font-size:.71rem;line-height:1.6}.form-text .icon{width:14px;height:14px}.form-stack>*+*{margin-top:20px}.form-check-label{font-size:.8rem}.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}.color-field .form-control-color{width:50px;flex:none;height:45px;padding:7px}.color-field input[data-color-text]{font-family:ui-monospace,monospace;font-size:.8rem}.template-body{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;line-height:1.7}.email-preview-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.email-preview{width:100%;height:650px;max-height:85vh;border:1px solid var(--line);border-radius:16px;background:#f1f5f9}.alert{border-radius:11px;font-size:.83rem}.impersonation{background:#ffdf86;color:#3a2d06;padding:10px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.8rem}.secret{overflow-wrap:anywhere;background:var(--canvas);padding:16px;border-radius:9px;font: .85rem ui-monospace,monospace}.mfa-qr-code{display:flex;justify-content:center;margin:24px 0}.mfa-qr-code img{display:block;max-width:100%;height:auto;background:#fff}.mfa-manual-setup{margin:20px 0}.mfa-manual-setup summary{cursor:pointer;font-weight:600;font-size:.8rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1199px){.portal-main{padding:30px 25px}.portal-sidebar{width:240px}.header-account>span:last-child{display:none}}
@media(max-width:900px){.portal-header{height:72px;padding:12px 16px;gap:12px}.brand{font-size:.95rem}.brand-mark{width:36px;height:36px;border-radius:10px}.brand small{font-size:.55rem}.header-actions{gap:9px}.customer-switch{max-width:170px}.customer-switch .form-select{max-width:125px;font-size:.7rem}.nav-toggle.btn{display:inline-flex;padding:8px}.portal-shell{min-height:calc(100vh - 72px)}.portal-sidebar{position:fixed;top:72px;left:0;bottom:0;height:calc(100dvh - 72px);width:min(290px,85vw);z-index:1040;transform:translateX(-101%);visibility:hidden;transition:transform .2s,visibility .2s}.nav-open .portal-sidebar{transform:translateX(0);visibility:visible}.nav-open .sidebar-backdrop{display:block;position:fixed;inset:72px 0 0;z-index:1030;background:#0f172a66;border:0}.portal-main{padding:28px 18px 45px}.auth-main{padding:20px 15px;margin:3vh auto}.page-heading{flex-wrap:wrap;gap:14px}.panel{padding:21px}.detail-grid{grid-template-columns:110px minmax(0,1fr)}.impersonation{padding:9px 14px}.header-account .avatar{width:30px;height:30px}}
@media(max-width:500px){.brand small{display:none}.customer-switch{max-width:135px}.customer-switch .form-select{max-width:100px}.customer-switch .btn{display:none}.header-account{display:none}.page-heading>.badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}