:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--op-aqua:#1eb1c7;--op-aqua-hover:#1693a8;--op-aqua-soft:#e8fafc;--op-teal:#0f2a2e;--op-teal-dark:#071417;--op-navy:#071417;--op-teal-soft:#e7f0f1;--op-success:#16a34a;--op-warning:#d97706;--op-danger:#dc2626;--op-info:#1eb1c7;--op-draft:#64748b;--op-published:#16a34a;--op-maintenance:#d97706;--op-suspended:#dc2626;--bg:#f7fafb;--bg-radial:radial-gradient(circle at top right, #1eb1c729, transparent 34rem);--surface:#fff;--surface-muted:#f1f6f7;--surface-elevated:#fff;--border:#dde8ea;--border-strong:#c5d6da;--text:#0f2a2e;--text-muted:#60777c;--text-soft:#8ca1a5;--shadow-sm:0 8px 20px #0f2a2e0f;--shadow-md:0 18px 45px #0f2a2e1a;--shadow-panel:0 22px 70px #0f2a2e1f;--radius-sm:10px;--radius-md:14px;--radius-control:16px;--radius-lg:18px;--radius-panel:24px;--radius-card:30px;--radius-pill:999px;--radius-xl:var(--radius-panel);--op-space-xs:6px;--op-space-sm:10px;--op-space-md:14px;--op-space-lg:16px;--op-space-xl:18px;--op-space-2xl:22px;--op-space-3xl:28px;--op-page-gap:var(--op-space-2xl);--op-panel-padding:var(--op-space-2xl);--op-grid-gap:var(--op-space-lg);--op-control-gap:var(--op-space-md);--op-list-gap:var(--op-space-sm);--op-focus-ring:0 0 0 4px #1eb1c71f;--op-focus-ring-strong:0 0 0 4px #1eb1c729;--op-control-height:50px;--op-button-height:52px;--sidebar-width:272px;--topbar-height:72px;--topbar-height-mobile:68px;color:var(--text);background:var(--bg);font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071417;--bg-radial:radial-gradient(circle at top right, #1eb1c726, transparent 34rem);--surface:#0b1f23;--surface-muted:#102b30;--surface-elevated:#14343a;--border:#ffffff14;--border-strong:#ffffff24;--text:#f5ffff;--text-muted:#a9c4c9;--text-soft:#6f8d92;--shadow-sm:0 8px 24px #00000047;--shadow-md:0 18px 55px #0000005c;--shadow-panel:0 24px 80px #0000007a;--op-focus-ring:0 0 0 4px #1eb1c729;--op-focus-ring-strong:0 0 0 4px #62dce92e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);background-image:var(--bg-radial);min-height:100vh;color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%}h1,h2,h3,h4,p{overflow-wrap:anywhere}.op-loading-screen{background:var(--bg);background-image:var(--bg-radial);min-height:100vh;color:var(--text-muted);align-content:center;place-items:center;gap:16px;font-weight:800;display:grid}.op-loading-screen img{width:74px;height:74px}.op-page-main{min-height:100vh;color:var(--text);gap:var(--op-page-gap);display:grid}.op-theme-switch{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--border) 80%, #1eb1c747);background:color-mix(in srgb, var(--surface) 92%, var(--op-aqua-soft));width:68px;min-width:68px;height:36px;min-height:36px;box-shadow:var(--shadow-sm);color:var(--text-muted);grid-template-columns:1fr 1fr;align-items:center;padding:3px;display:grid;position:relative}.op-theme-switch,.op-theme-switch:hover,.op-theme-switch:focus,.op-theme-switch:active{transform:none}.op-theme-switch:hover{background:color-mix(in srgb, var(--surface) 92%, var(--op-aqua-soft));border-color:#1eb1c77a}:root[data-theme=dark] .op-theme-switch{color:#b8d8dc;background:#071417c2;border-color:#ffffff1a}:root[data-theme=dark] .op-theme-switch:hover{background:#071417c2;border-color:#1eb1c757}.op-theme-switch-icon{z-index:2;width:30px;height:30px;color:var(--text-muted);place-items:center;line-height:1;transition:color .18s,opacity .18s;display:inline-grid;position:relative}.op-theme-switch-icon svg{fill:currentColor;width:18px;height:18px;display:block}.op-theme-switch-sun{color:#0f2a2e;opacity:1;bottom:1px;left:1px}.op-theme-switch-moon{color:#60777c;opacity:1;bottom:1px;left:1px}.op-theme-switch-moon svg{width:16px;height:16px}:root[data-theme=dark] .op-theme-switch-sun{color:#d8fbff;opacity:.62}:root[data-theme=dark] .op-theme-switch-moon{color:#0f2a2e;opacity:1}.op-theme-switch-thumb{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--op-aqua), #62dce9);width:28px;height:28px;transition:left .2s,background .2s,box-shadow .2s;position:absolute;top:3px;left:4px;box-shadow:0 8px 18px #1eb1c752,inset 0 1px #ffffff6b}:root[data-theme=dark] .op-theme-switch-thumb{left:34px}.op-admin-shell{grid-template-rows:var(--topbar-height) minmax(0, 1fr);background:var(--bg-radial), var(--bg);min-height:100vh;display:grid}.op-topbar{z-index:50;width:100%;min-height:var(--topbar-height);border-bottom:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--op-aqua-soft) 20%, var(--surface))), var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:210px minmax(260px,560px) minmax(0,1fr);align-items:center;gap:18px;padding:0 28px;display:grid;position:sticky;top:0}:root[data-theme=dark] .op-topbar{background:linear-gradient(90deg, #071417f0, #0b1f23f2), var(--surface)}.op-topbar-brand{align-items:center;min-width:0;display:flex}.op-topbar-logo{width:148px;height:auto;display:block}.op-topbar-logo-dark,.op-brand-logo-dark,:root[data-theme=dark] .op-topbar-logo-light,:root[data-theme=dark] .op-brand-logo-light{display:none}:root[data-theme=dark] .op-topbar-logo-dark,:root[data-theme=dark] .op-brand-logo-dark{display:block}.op-topbar-search{border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface));width:100%;min-height:42px;color:var(--text-soft);box-shadow:var(--shadow-sm);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;display:grid}.op-topbar-search input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:13px;font-weight:700}.op-topbar-search input::placeholder{color:var(--text-soft)}.op-topbar-search.is-disabled{opacity:.78}.op-topbar-search.is-disabled input{cursor:not-allowed}.op-topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.op-profile-menu{position:relative}.op-profile-dropdown{z-index:80;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);width:300px;box-shadow:var(--shadow-panel);gap:8px;padding:14px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.op-profile-button{border-radius:var(--radius-pill);min-height:42px;box-shadow:none;color:var(--text);background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex}.op-profile-button:hover{color:var(--op-aqua);background:0 0}.op-topbar-user-avatar,.op-user-avatar{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--op-aqua), #62dce9);width:34px;height:34px;color:var(--op-teal);flex:none;place-items:center;font-size:13px;font-weight:950;display:inline-grid}.op-profile-icon{width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;border-radius:0;flex:none;place-items:center;display:inline-grid}.op-profile-icon svg{fill:currentColor;width:18px;height:18px;display:block}.op-profile-button:hover .op-profile-icon{color:var(--op-aqua);background:0 0}.op-profile-chevron{color:var(--text-soft);font-size:15px;font-weight:900;line-height:1;transition:color .18s}.op-profile-button:hover .op-profile-chevron{color:var(--op-aqua)}.op-topbar-user{text-align:left;align-items:center;min-width:0;line-height:1;display:inline-flex}.op-topbar-user strong{max-width:210px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;transition:color .18s;overflow:hidden}.op-profile-button:hover .op-topbar-user strong{color:var(--op-aqua)}.op-profile-dropdown-header{border-bottom:1px solid var(--border);background:0 0;border-radius:0;align-items:center;gap:10px;padding:6px 4px 13px;display:flex}.op-profile-dropdown-header strong,.op-profile-dropdown-header span,.op-profile-dropdown-header small{display:block}.op-profile-dropdown-header strong{color:var(--text);font-size:13px;font-weight:950}.op-profile-dropdown-header span{color:var(--text-soft);text-transform:uppercase;font-size:10px;font-weight:900}.op-profile-dropdown-header small{max-width:185px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.op-profile-dropdown button{border-radius:var(--radius-md);min-height:40px;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:900;display:flex}.op-profile-dropdown-icon{width:34px;height:34px;color:var(--text-muted);flex:none;place-items:center;display:inline-grid}.op-profile-dropdown-icon svg{fill:currentColor;width:34px;height:34px;display:block}.op-profile-dropdown button:hover:not(:disabled){color:var(--op-aqua);background:0 0}.op-profile-dropdown button:disabled{opacity:1;color:var(--text-muted)}.op-profile-dropdown button small{color:var(--op-aqua);font-size:10px;font-weight:950}.op-notification-button{border-radius:var(--radius-pill);width:42px;height:42px;color:var(--text-muted);box-shadow:none;background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.op-notification-button:hover{color:var(--op-aqua);background:0 0}.op-notification-button svg{fill:currentColor;width:21px;height:21px;display:block}.op-notification-count{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--op-aqua), #62dce9);color:#06282d;min-width:18px;height:18px;box-shadow:0 0 0 3px var(--surface);place-items:center;padding:0 5px;font-size:10px;font-weight:950;line-height:1;display:inline-grid;position:absolute;top:2px;right:0}:root[data-theme=dark] .op-notification-count{box-shadow:0 0 0 3px #071417}.op-admin-body{grid-template-columns:96px minmax(0,1fr);min-width:0;display:grid}.op-sidebar{top:var(--topbar-height);z-index:40;height:calc(100vh - var(--topbar-height));border-right:1px solid var(--border);background:var(--surface);padding:0;display:block;position:sticky}.op-sidebar-rail{height:calc(100vh - var(--topbar-height));border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--op-navy));grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;padding:10px 7px 12px;display:grid}:root[data-theme=light] .op-sidebar-rail,:root[data-theme=light] .op-sidebar-rail-footer{background:color-mix(in srgb, var(--surface) 94%, var(--op-aqua-soft))}.op-primary-nav-shell{grid-template-rows:22px minmax(0,1fr) 22px;align-items:stretch;gap:4px;min-height:0;display:grid}.op-primary-nav-scroll-button{border-radius:var(--radius-pill);width:100%;height:22px;color:var(--text-soft);opacity:0;pointer-events:none;background:0 0;border:0;place-items:center;font-size:10px;font-weight:950;line-height:1;transition:opacity .18s,color .18s,background .18s;display:inline-grid}.op-primary-nav-scroll-button.is-visible{opacity:1;pointer-events:auto}.op-primary-nav-scroll-button:hover,.op-primary-nav-scroll-button:focus-visible{color:var(--op-aqua);background:#1eb1c717}.op-primary-nav{scrollbar-width:none;align-content:start;gap:8px;min-height:0;padding:0 0 4px;display:grid;overflow-y:auto}.op-primary-nav::-webkit-scrollbar{width:0;height:0}.op-primary-nav-link{width:100%;min-height:62px;color:var(--text-muted);background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:5px;padding:8px 4px;text-decoration:none;transition:color .18s,opacity .18s;display:grid}.op-primary-nav-link:hover,.op-primary-nav-link.is-active{color:var(--op-aqua);box-shadow:none;background:0 0}.op-primary-nav-icon{place-items:center;width:30px;height:30px;line-height:1;display:inline-grid}.op-nav-svg-icon{fill:currentColor;opacity:.9;width:27px;height:27px;display:block}.op-nav-svg-icon path,.op-nav-svg-icon polygon,.op-nav-svg-icon circle,.op-nav-svg-icon rect{fill:currentColor}.op-primary-nav-link:hover .op-nav-svg-icon,.op-primary-nav-link.is-active .op-nav-svg-icon,.op-mobile-rail-button:hover .op-nav-svg-icon,.op-mobile-rail-button.is-active .op-nav-svg-icon{opacity:1}.op-primary-nav-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:11px;font-weight:900;line-height:1.05;overflow:hidden}.op-primary-nav-logout{color:var(--text-muted)}.op-primary-nav-logout:hover,.op-primary-nav-logout:focus-visible{color:var(--op-aqua)}.op-sidebar-rail-footer{background:color-mix(in srgb, var(--surface) 88%, var(--op-navy));justify-items:center;padding-top:8px;display:grid}.op-environment-pill{border-radius:var(--radius-pill);min-height:24px;color:var(--op-aqua);background:#1eb1c71a;border:1px solid #1eb1c76b;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.op-sidebar-panel{top:var(--topbar-height);z-index:45;width:320px;height:calc(100vh - var(--topbar-height));border-right:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--op-aqua-soft)), var(--surface));box-shadow:var(--shadow-panel);grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px 12px;display:grid;position:fixed;left:96px}.op-sidebar-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:4px 2px 12px 6px;display:grid}.op-sidebar-panel-header h2{color:var(--text);letter-spacing:-.03em;margin:0;font-size:15px;font-weight:950}.op-sidebar-panel-close{width:28px;height:28px;color:var(--text);background:0 0;border:0;border-radius:0;place-items:center;font-size:20px;font-weight:900;line-height:1;display:inline-grid}.op-sidebar-panel-close:hover{color:var(--op-aqua);background:0 0}.op-secondary-nav{scrollbar-width:none;align-content:start;gap:7px;min-height:0;padding-right:0;display:grid;overflow-y:auto}.op-secondary-nav::-webkit-scrollbar{width:0;height:0}.op-secondary-nav-link{color:var(--text-muted);background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 10px;text-decoration:none;transition:color .18s,opacity .18s;display:grid}.op-secondary-nav-link:hover,.op-secondary-nav-link.is-active{color:var(--op-aqua);background:0 0}.op-secondary-nav-link strong{color:inherit;font-size:13px;font-weight:950;display:block}.op-secondary-nav-link em{color:var(--text-soft);margin-top:2px;font-size:11px;font-style:normal;font-weight:700;line-height:1.25;transition:color .18s;display:block}.op-secondary-nav-link:hover em,.op-secondary-nav-link.is-active em{color:color-mix(in srgb, var(--op-aqua) 72%, var(--text-muted))}.op-secondary-nav-link small,.op-mobile-nav-link small{border-radius:var(--radius-pill);color:var(--op-aqua);background:#1eb1c71a;padding:3px 7px;font-size:10px;font-weight:950}.op-page{gap:var(--op-page-gap);display:grid}.op-content{width:100%;min-width:0;min-height:calc(100vh - var(--topbar-height));flex-direction:column;max-width:none;padding:24px 30px;display:flex}.op-breadcrumbs{min-height:24px;color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13px;font-weight:800;display:flex}.op-breadcrumbs>span{align-items:center;gap:8px;display:inline-flex}.op-breadcrumbs>span:not(:last-child):after{content:"/";color:var(--text-soft);opacity:.7}.op-breadcrumbs a{color:var(--op-aqua);text-decoration:none}.op-breadcrumbs a:hover{color:color-mix(in srgb, var(--op-aqua) 76%, #fff)}.op-breadcrumbs [aria-current=page]{color:var(--text)}.op-placeholder-panel{place-items:center;min-height:360px;display:grid}.op-mobile-drawer,.op-mobile-drawer-close,.op-mobile-nav-toggle,.op-sidebar-backdrop{display:none}.op-content-main{flex:1 0 auto}.op-shell-footer{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);width:100%;color:var(--text-soft);text-align:center;opacity:.76;flex-shrink:0;margin:50px auto 0;padding:22px 0 0;font-size:12px;font-weight:800;line-height:1.4}.op-card{isolation:isolate;border-radius:var(--radius-card);background:var(--surface);min-height:auto;box-shadow:var(--shadow-panel);padding:clamp(34px,6vw,62px);display:block;position:relative;overflow:hidden}.cards-one{gap:var(--op-page-gap);grid-template-columns:1fr;align-items:stretch;display:grid}.cards-two{gap:var(--op-page-gap);grid-template-columns:minmax(0,1fr) minmax(300px,1fr);align-items:stretch;display:grid}.cards-three{gap:var(--op-page-gap);grid-template-columns:minmax(0,1fr) minmax(300px,1fr) minmax(300px,1fr);align-items:stretch;display:grid}.cards-one-split-two{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.cards-one-split-three{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.cards-one-split-four{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.op-split-card{min-width:0;min-height:124px;padding:24px 34px;position:relative;overflow:hidden}.op-split-card+.op-split-card{border-left:1px solid var(--border)}.op-hero .op-card-header,.op-page-header.op-hero.op-card-header{background:radial-gradient(circle at 88% 10%, #1eb1c72e, transparent 18rem), linear-gradient(135deg, color-mix(in srgb, var(--surface) 94%, #1eb1c714), var(--surface));min-width:0;min-height:150px;padding:var(--op-space-3xl) 32px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;display:flex}.op-card-centered{text-align:center;margin:0 auto}.op-card-header-centered{text-align:center;justify-items:center;gap:28px;display:grid}.op-card-kicker{color:var(--op-aqua);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.op-card-header h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,32px);font-weight:900;line-height:1.08}.op-content h1,.op-content h2{color:var(--text);margin:0;line-height:1.15}.op-content h1{font-size:clamp(28px,3vw,32px);font-weight:900}.op-content h2{font-size:22px;font-weight:900}.op-content h3,.op-content h4{color:var(--text)}.page-description,.muted-text{color:var(--text-muted)}.op-actions{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.op-actions .btn{white-space:nowrap}.op-card-footnote{color:var(--text-soft);margin:0;font-size:12px;font-weight:700}.form-field{gap:9px;display:grid}.form-grid{gap:var(--op-control-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.op-wide-form{width:100%}.op-form-field-full,.op-form-actions-full{grid-column:1/-1}.form-actions,.op-form-actions-full{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-field small{color:var(--text-soft);margin-top:4px;font-size:12px;font-weight:700;display:block}.form-field label{color:var(--text);letter-spacing:-.01em;padding-left:10px;font-size:13px;font-weight:900}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted);width:100%;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.form-field input,.form-field select{min-height:var(--op-control-height);border-color:color-mix(in srgb, var(--border) 88%, #1eb1c747);background:color-mix(in srgb, var(--surface-muted) 88%, var(--surface));padding:0 16px;font-size:15px;font-weight:600}.form-field textarea{resize:vertical;min-height:180px;padding:12px}.form-checkbox label,.checkbox-row{color:var(--text-muted);align-items:center;gap:8px;font-weight:800;display:inline-flex}.form-field input::placeholder{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}.form-field input:hover{background:color-mix(in srgb, var(--surface-muted) 72%, var(--surface));border-color:#1eb1c761}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:var(--surface);box-shadow:var(--op-focus-ring), 0 10px 26px #0f2a2e0f;border-color:#1eb1c7b8}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--op-aqua);outline-offset:3px}.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#dc26269e;box-shadow:0 0 0 4px #dc26261a}.form-field small[role=alert],.error-text[role=alert]{margin-top:6px;display:block}:root[data-theme=dark] .form-field input{background:#07141775;border-color:#ffffff1a}:root[data-theme=dark] .form-field input:hover{background:#07141794;border-color:#1eb1c757}:root[data-theme=dark] .form-field input:focus{box-shadow:var(--op-focus-ring-strong), 0 12px 30px #00000038;background:#071417ad;border-color:#62dce9b8}.op-password-field{display:grid;position:relative}.op-password-field input{padding-right:52px}.op-password-toggle{width:34px;height:34px;color:var(--text-soft);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.op-password-toggle:hover{color:var(--op-aqua);background:#1eb1c71a}.op-password-toggle:focus-visible{outline:2px solid var(--op-aqua);outline-offset:2px}.op-password-toggle svg{fill:currentColor;width:19px;height:19px;display:block}:root[data-theme=dark] .op-password-toggle{color:#87a8ad}:root[data-theme=dark] .op-password-toggle:hover{color:#7ee3ef;background:#1eb1c721}.error-text,.form-error{color:var(--op-danger);font-weight:800}.op-alert{border:1px solid var(--border);border-radius:var(--radius-control);background:linear-gradient(135deg, #1eb1c70d, transparent), var(--surface);color:var(--text);box-shadow:var(--shadow-sm);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:15px 16px;font-size:13px;font-weight:800;line-height:1.45;display:grid;position:relative;overflow:hidden}.op-alert-icon{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--op-aqua);background:#1eb1c71f;place-items:center;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.op-alert-content{min-width:0}.op-domains-page .op-alert,.op-site-settings-page .op-alert{display:block}.op-alert strong{color:var(--text);margin:0;font-size:13px;font-weight:900;display:block}.op-alert p{color:var(--text-muted);margin:4px 0 0;font-size:13px;font-weight:700}.op-alert-compact{min-height:50px;box-shadow:none;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:11px;padding:11px 13px}.op-alert-compact .op-alert-icon{width:26px;height:26px;font-size:14px}.op-alert-success{background:linear-gradient(135deg, #16a34a14, #16a34a08), var(--surface);border-color:#16a34a3d}.op-alert-success .op-alert-icon{color:var(--op-success);background:#16a34a1f}.op-alert-success strong{color:var(--op-success)}.op-alert-danger{background:linear-gradient(135deg, #dc262614, #dc262609), color-mix(in srgb, var(--surface) 88%, #dc262614);border-color:#dc262642}.op-alert-danger .op-alert-icon{color:var(--op-danger);background:#dc26261f}.op-alert-danger strong{color:var(--op-danger)}.op-alert-warning{background:linear-gradient(135deg, #d9770617, #d9770609), color-mix(in srgb, var(--surface) 90%, #d9770614);border-color:#d9770642}.op-alert-warning .op-alert-icon{color:var(--op-warning);background:#d9770621}.op-alert-warning strong{color:var(--op-warning)}.op-alert-info{background:linear-gradient(135deg, #1eb1c717, #1eb1c709), color-mix(in srgb, var(--surface) 90%, #1eb1c714);border-color:#1eb1c742}.op-alert-info .op-alert-icon{color:var(--op-info);background:#1eb1c721}.op-alert-info strong{color:var(--op-info)}:root[data-theme=dark] .op-alert{box-shadow:none;background:linear-gradient(135deg,#1eb1c712,#0000),#0714178a;border-color:#ffffff17}:root[data-theme=dark] .op-alert p{color:var(--text-muted)}:root[data-theme=dark] .op-alert-success{background:linear-gradient(135deg,#22c55e1c,#22c55e09),#07141794;border-color:#4ade803d}:root[data-theme=dark] .op-alert-success .op-alert-icon{color:#86efac;background:#4ade8024}:root[data-theme=dark] .op-alert-success strong{color:#86efac}:root[data-theme=dark] .op-alert-danger{background:linear-gradient(135deg,#f871711f,#f871710a),#0714179e;border-color:#f871714d}:root[data-theme=dark] .op-alert-danger .op-alert-icon{color:#e74f4f;background:#f871712e}:root[data-theme=dark] .op-alert-danger strong{color:#e74f4f}:root[data-theme=dark] .op-alert-warning{background:linear-gradient(135deg,#fbbf241c,#fbbf2409),#07141794;border-color:#fbbf2440}:root[data-theme=dark] .op-alert-warning .op-alert-icon{color:#fcd34d;background:#fbbf2424}:root[data-theme=dark] .op-alert-warning strong{color:#fcd34d}:root[data-theme=dark] .op-alert-info{background:linear-gradient(135deg,#1eb1c71f,#1eb1c70a),#07141794;border-color:#62dce940}:root[data-theme=dark] .op-alert-info .op-alert-icon{color:#7ee3ef;background:#62dce924}:root[data-theme=dark] .op-alert-info strong{color:#7ee3ef}.btn,.primary-button,.secondary-button,.primary-link-button,.secondary-link-button{border-radius:var(--radius-pill);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:900;line-height:1;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.btn:hover,.primary-button:hover,.secondary-button:hover,.primary-link-button:hover,.secondary-link-button:hover{transform:translateY(0)}button[disabled],.btn[disabled],.primary-button[disabled],.secondary-button[disabled]{cursor:not-allowed}.btn:disabled,.primary-button:disabled,.secondary-button:disabled{box-shadow:none;transform:none}.btn-primary,.primary-button,.primary-link-button{background:linear-gradient(135deg, var(--op-aqua), #62dce9);color:#06282d;box-shadow:0 12px 28px #1eb1c747}.btn-primary:hover,.primary-button:hover,.primary-link-button:hover{background:linear-gradient(135deg, var(--op-aqua-hover), var(--op-aqua))}.btn-secondary,.secondary-button,.secondary-link-button{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover,.secondary-button:hover,.secondary-link-button:hover{background:var(--surface-muted);border-color:#1eb1c773}button:focus-visible,.btn:focus-visible{outline:2px solid var(--op-aqua);outline-offset:3px}.btn-danger{color:var(--op-danger);background:#dc26261a;border-color:#dc262638}.btn-danger:hover{background:#dc262629}.op-utility-button{min-height:var(--op-control-height);white-space:nowrap;background:linear-gradient(135deg, #1eb1c70f, transparent), var(--surface-muted);border-color:#1eb1c76b;min-width:150px;padding-inline:22px}.op-utility-button:hover:not(:disabled){background:linear-gradient(135deg, #1eb1c71f, transparent), var(--surface);color:var(--text);border-color:#1eb1c79e;box-shadow:0 10px 24px #1eb1c71f}.op-utility-button:focus-visible{outline:2px solid var(--op-aqua);outline-offset:3px;box-shadow:var(--op-focus-ring)}.op-utility-button:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.op-utility-button:disabled{opacity:.44;border-color:var(--border);background:var(--surface-muted);box-shadow:none}.op-filter-card-btn{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);text-align:left;cursor:pointer;box-shadow:none;align-items:center;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.op-filter-card-btn:hover,.op-filter-card-btn.is-selected{background:linear-gradient(135deg, #1eb1c717, transparent), var(--surface);border-color:#1eb1c770}.op-filter-card-btn.is-selected{background:linear-gradient(135deg, #1eb1c724, transparent), var(--surface-muted);border-color:#1eb1c79e}.op-filter-card-btn:focus-visible{outline:2px solid var(--op-aqua);outline-offset:3px}.op-toolbar{gap:var(--op-control-gap);align-items:end;display:grid}.op-split-strip-item{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:20px;display:grid}.op-split-strip-icon{z-index:1;width:66px;height:66px;color:var(--op-aqua);place-items:center;line-height:1;display:inline-grid;position:relative}.op-split-strip-icon svg{fill:currentColor;width:60px;height:60px;display:block}.op-split-strip-icon:empty:before{content:"";border-radius:var(--radius-pill);width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 12%, transparent);background:currentColor}.op-split-strip-item.is-danger .op-split-strip-icon{color:var(--op-danger)}.op-split-strip-item.is-success .op-split-strip-icon{color:var(--op-success)}.op-split-strip-item.is-info .op-split-strip-icon{color:#3b82f6}.op-split-strip-item.is-warning .op-split-strip-icon{color:var(--op-warning)}.op-split-strip-item>div{z-index:1;min-width:0;position:relative}.op-split-strip-item p{color:var(--text-muted);margin:0;font-size:13px;font-weight:900}.op-split-strip-item strong{color:var(--text);letter-spacing:-.05em;margin-top:7px;font-size:34px;font-weight:950;line-height:1;display:block}.op-split-strip-item span:not(.op-split-strip-icon){color:var(--text-soft);margin-top:9px;font-size:13px;font-weight:750;display:block}.op-panel{min-width:0;padding:var(--op-space-3xl) 32px}.op-panel .op-card-header{justify-content:space-between;align-items:flex-start;gap:var(--op-grid-gap);margin-bottom:var(--op-space-xl);display:flex}.op-panel-block-list{gap:var(--op-list-gap);display:grid}.op-panel-block-list-item{gap:var(--op-list-gap);border-radius:16px;grid-template-columns:10px minmax(0,1fr) auto;min-height:58px;padding:12px;display:grid}.op-panel-block-list-item>span{border-radius:var(--radius-pill);background:var(--op-aqua);width:9px;height:9px;box-shadow:0 0 0 5px #1eb1c71a}.op-panel-block-list-item.is-danger>span{background:var(--op-danger);box-shadow:0 0 0 5px #dc26261a}.op-panel-block-list-item.is-warning>span{background:var(--op-warning);box-shadow:0 0 0 5px #d977061a}.op-panel-block-list-item.is-info>span{background:#3b82f6;box-shadow:0 0 0 5px #3b82f61a}.op-panel-block-list-item strong,.op-panel-block-list-item p{margin:0}.op-panel-block-list-item strong{color:var(--text);font-size:13px;font-weight:900}.op-panel-block-list-item p{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:700}.op-panel-block-list-item em{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);min-height:28px;color:var(--text-muted);white-space:nowrap;align-items:center;padding:0 9px;font-size:11px;font-style:normal;font-weight:900;display:inline-flex}.op-panel-block-icon-list-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:16px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:16px;min-height:68px;padding:14px;transition:background .18s,border-color .18s,transform .18s;display:grid}.op-panel-block-icon-list-item-icon{border-radius:var(--radius-pill);background:linear-gradient(135deg, #1eb1c729, #1eb1c70f), var(--surface);width:38px;height:38px;color:var(--op-aqua);border:1px solid #1eb1c747;flex:none;place-items:center;display:inline-grid;overflow:hidden}.op-panel-block-icon-list-item-icon svg{fill:currentColor;width:21px;height:21px;display:block}.op-panel-block-icon-list-item-icon img{object-fit:cover;width:100%;height:100%;display:block}.op-panel-block-icon-list-item:hover{background:linear-gradient(135deg, #1eb1c714, transparent), var(--surface);border-color:#1eb1c761}.op-panel-block-icon-list-item strong,.op-panel-block-icon-list-item p{margin:0}.op-panel-block-icon-list-item strong{color:var(--text);font-size:13px;font-weight:900}.op-panel-block-icon-list-item p{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:750}.op-pie-layout{flex:1;grid-template-columns:minmax(0,60%) minmax(230px,40%);align-items:center;gap:28px;min-height:315px;display:grid}.op-pie{aspect-ratio:1;border-radius:999px;place-items:center;width:min(330px,100%);margin:0 auto;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 54px #0000003d}.op-pie:before{content:"";border-radius:inherit;background:radial-gradient(circle at top, #1eb1c71a, transparent 60%), var(--surface);border:1px solid var(--border);position:absolute;inset:16px}.op-pie-centre{z-index:1;text-align:center;place-items:center;display:grid;position:relative}.op-pie-centre strong{color:var(--text);letter-spacing:-.05em;font-size:42px;font-weight:950;line-height:1}.op-pie-centre span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-size:12px;font-weight:900}.op-pie-breakdown{gap:var(--op-list-gap);grid-template-columns:1fr;align-self:center;display:grid}.op-pie-breakdown-item{gap:var(--op-list-gap);border-radius:var(--radius-control);grid-template-columns:10px minmax(0,1fr) auto;min-height:46px;padding:0 14px}.op-pie-breakdown-item span{border-radius:var(--radius-pill);width:9px;height:9px}.op-pie-breakdown-item.is-active span{background:var(--op-success)}.op-pie-breakdown-item.is-trial span{background:#3b82f6}.op-pie-breakdown-item.is-internal span{background:#8b5cf6}.op-pie-breakdown-item.is-needs-setup span{background:var(--op-warning)}.op-pie-breakdown-item.is-suspended span{background:var(--op-danger)}.op-pie-breakdown-item.is-archived span{background:var(--text-soft)}.op-pie-breakdown-item strong{min-width:0;color:var(--text);font-size:14px;font-weight:900}.op-pie-breakdown-item em{color:var(--text-muted);font-size:13px;font-style:normal;font-weight:900}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:none;overflow-x:auto}.op-table{border-collapse:collapse;width:100%}.op-accordion-row{position:relative}.op-table th,.op-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:13px 14px;font-size:13px}.op-table th{background:var(--surface-muted);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:900}.op-table tr:hover td{background:color-mix(in srgb, var(--surface-muted) 70%, transparent)}.op-table tr:last-child td{border-bottom:0}.op-table-count-trigger{border-radius:var(--radius-pill);min-width:38px;min-height:32px;color:var(--text);text-align:center;background:#1eb1c70d;border:1px solid #1eb1c72e;place-items:center;padding:0 10px;display:inline-grid}.op-table-count-trigger strong{color:inherit;font-size:13px;font-weight:950}.op-table-count-trigger:hover,.op-table-count-trigger:focus-visible{color:var(--op-aqua);background:#1eb1c71a;border-color:#1eb1c76b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.op-table-icon-action{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-muted);width:34px;height:34px;color:var(--text-muted);place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-grid}.op-table-actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:max-content;min-width:0;max-width:100%;margin-inline:0;display:flex}.op-table-icon-action svg{fill:currentColor;width:18px;height:18px;display:block}.op-table-icon-action:hover:not(:disabled),.op-table-icon-action:focus-visible{color:var(--op-aqua);background:#1eb1c71a;border-color:#1eb1c77a;box-shadow:0 8px 18px #1eb1c71a}.op-table-icon-action:active:not(:disabled){transform:translateY(1px)}.op-table-icon-action:disabled{opacity:1}.op-table-link,.op-inline-action{border-radius:var(--radius-pill);width:fit-content;min-height:30px;color:var(--text-muted);white-space:nowrap;background:#1eb1c714;border:1px solid #1eb1c738;align-items:center;padding:0 10px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.op-table-link:hover,.op-table-link:focus-visible,.op-inline-action:hover,.op-inline-action:focus-visible{color:var(--op-aqua);background:#1eb1c724;border-color:#1eb1c77a}.op-inline-action.is-danger{color:var(--op-danger);background:#dc262614;border-color:#dc262638}.op-inline-action.is-danger:hover,.op-inline-action.is-danger:focus-visible{color:var(--op-danger);background:#dc262624;border-color:#dc26265c}.op-muted-inline{color:var(--text-soft);font-size:12px;font-weight:800}.op-site-cell{gap:3px;min-width:150px;display:grid}.op-site-cell strong{color:var(--text);font-size:13px;font-weight:900}.op-site-cell span{color:var(--text-soft);font-size:12px;font-weight:700}.op-domain-links{flex-wrap:wrap;gap:7px;min-width:120px;display:flex}.op-skeleton-table{gap:10px;display:grid}.op-skeleton-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);grid-template-columns:minmax(220px,1fr) 140px 120px;align-items:center;gap:12px;min-height:58px;padding:12px;display:grid}.op-skeleton{border-radius:var(--radius-pill);background:linear-gradient(90deg, color-mix(in srgb, var(--surface-muted) 72%, var(--border)), color-mix(in srgb, var(--surface-muted) 42%, var(--op-aqua-soft)), color-mix(in srgb, var(--surface-muted) 72%, var(--border)));background-size:220% 100%;min-width:0;animation:1.35s ease-in-out infinite op-skeleton-pulse;display:block}.op-skeleton-line{height:16px}.op-skeleton-pill{height:26px}.op-skeleton-button{height:34px}@keyframes op-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}.op-empty-state,.op-detail-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-muted);align-content:center;justify-items:center;gap:10px;min-height:220px;padding:44px 20px;display:grid}.op-empty-state img,.op-detail-empty img{width:54px;height:54px}.op-empty-state h2,.op-detail-empty h2{color:var(--text);margin:0;font-size:22px;font-weight:900}.op-empty-state p,.op-detail-empty p{max-width:58ch;color:var(--text-muted);margin:0;font-size:14px;font-weight:700}.detail-list,.op-detail-grid{gap:var(--op-list-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.detail-list>div,.op-detail-grid>div{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);min-width:0;padding:14px}.detail-list dt,.op-detail-grid dt{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:900}.detail-list dd,.op-detail-grid dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:850}.op-sortable-th-button{width:100%;color:inherit;text-align:left;text-transform:inherit;letter-spacing:inherit;font:inherit;font-weight:inherit;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:7px;padding:0;display:inline-flex}.op-sortable-th-button:hover,.op-sortable-th-button:focus-visible{color:var(--op-aqua)}.op-sort-arrow{color:var(--text-soft);font-size:11px;font-weight:950;line-height:1}.op-sortable-th-button.is-ascending .op-sort-arrow,.op-sortable-th-button.is-descending .op-sort-arrow{color:var(--op-aqua)}.op-row-toggle,.op-accordion-details-row{display:none}.op-row-toggle{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text-muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:18px;font-weight:950;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.op-row-toggle:hover{color:var(--op-aqua)}.op-accordion-details-row.is-expanded{display:table-row}.op-accordion-details-row .op-accordion-details-row-td{padding:0}.op-accordion-data{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:0;margin:0;display:grid}.op-accordion-data-single{align-content:center;min-height:85px;padding:15px;display:none}.op-accordion-data-single+.op-accordion-data-single{border-left:1px solid var(--border)}.op-accordion-data-single dt{color:var(--text-soft);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:700}.op-accordion-data-single dd{margin:0}.op-accordion-actions{border-top:1px solid var(--border);justify-content:space-between;margin:0 15px;padding:15px 0;display:none}.op-accordion-actions-label{color:var(--text-soft);text-transform:uppercase;align-content:center;font-weight:700}.table-left-icon-cell{align-items:center;gap:12px;min-width:0;min-height:44px;display:flex}.table-left-icon-cell .data-left-icon{border-radius:var(--radius-pill);background:linear-gradient(135deg, #1eb1c729, #1eb1c70f), var(--surface);width:42px;height:42px;color:var(--op-aqua);letter-spacing:.04em;text-align:center;border:1px solid #1eb1c747;flex:0 0 42px;justify-content:center;align-self:center;place-items:center;font-size:12px;font-weight:950;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.table-left-icon-cell .data-left-icon svg{width:22px;height:22px}.table-left-icon-cell .data-left-icon img{object-fit:cover;width:100%;height:100%}.table-left-icon-cell .data-right-details{gap:3px;min-width:160px;display:grid}.table-left-icon-cell .data-right-details strong{color:var(--text);font-size:13px;font-weight:900}.table-left-icon-cell .data-right-details span{color:var(--text-soft);font-size:12px;font-weight:700}.table-left-icon-cell .data-right-details strong{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;display:block;overflow:hidden}.op-table-detail-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0410129e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.op-table-detail-modal{border-radius:var(--radius-panel);background:radial-gradient(circle at top right, #1eb1c71f, transparent 18rem), var(--surface);width:min(620px,100%);max-height:min(720px,100vh - 44px);box-shadow:var(--shadow-panel);border:1px solid #1eb1c73d;gap:18px;padding:22px;display:grid;overflow:auto}.op-table-detail-modal-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.op-table-detail-modal-header h2{color:var(--text);margin:0;font-size:22px;font-weight:950}.op-modal-close-button{width:32px;height:32px;color:var(--text-soft);background:0 0;border:0;border-radius:0;place-self:start end;place-items:center;padding:0;font-size:24px;font-weight:800;line-height:1;display:inline-grid}.op-modal-close-button:hover,.op-modal-close-button:focus-visible{color:var(--op-aqua);background:0 0}.op-modal-mini-list{gap:0;margin:11px 0 0;padding:0;list-style:none;display:grid}.op-modal-mini-list li{border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.op-modal-mini-list span{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.op-modal-mini-list em{border-radius:var(--radius-pill);min-height:22px;color:var(--op-aqua);background:#1eb1c71a;flex:none;align-items:center;padding:0 8px;font-size:10px;font-style:normal;font-weight:950;display:inline-flex}.op-modal-mini-list a{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.op-modal-mini-list a:hover,.op-modal-mini-list a:focus-visible{color:var(--op-aqua);text-underline-offset:3px;text-decoration:underline}.op-table-detail-list{gap:12px;display:grid}.op-table-detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding:14px;display:grid;position:relative}.op-table-detail-card-icon{border-radius:var(--radius-pill);background:linear-gradient(135deg, #1eb1c729, #1eb1c70f), var(--surface);width:42px;height:42px;color:var(--op-aqua);letter-spacing:.04em;text-align:center;border:1px solid #1eb1c747;flex:0 0 42px;justify-content:center;align-self:center;place-items:center;font-size:12px;font-weight:950;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.op-table-detail-card-icon svg{width:22px;height:22px}.op-table-detail-card-icon img{object-fit:cover;width:100%;height:100%}.op-table-detail-card strong,.op-table-detail-card p{margin:0}.op-table-detail-card strong{color:var(--text);font-size:14px;font-weight:950;display:block}.op-table-detail-card p{color:var(--text-muted);margin-top:3px;font-size:12px;font-weight:750}.op-table-detail-card>div{min-width:0;padding-right:42px}.op-card-edit-link{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text-muted);background:#1eb1c714;border:1px solid #1eb1c738;place-items:center;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-grid;position:absolute;top:12px;right:12px}.op-card-edit-link svg{fill:currentColor;width:16px;height:16px;display:block}.op-card-edit-link:hover,.op-card-edit-link:focus-visible{color:var(--op-aqua);background:#1eb1c724;border-color:#1eb1c77a;box-shadow:0 8px 18px #1eb1c71a}.op-table-detail-badges{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.op-badge{border:1px solid var(--border);background:var(--surface-muted);width:fit-content;min-height:26px;color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.op-badge.is-active,.op-badge.is-live,.op-badge.is-configured,.op-badge.is-site,.op-badge.is-verified,.op-badge.is-enabled,.op-badge.is-success,.op-badge.is-provisioned,.op-badge.is-succeeded{color:var(--op-success);background:#16a34a1a;border-color:#16a34a38}.op-badge.is-draft,.op-badge.is-coming-soon,.op-badge.is-preview,.op-badge.is-next,.op-badge.is-organisation,.op-badge.is-custom-primary,.op-badge.is-custom-redirect,.op-badge.is-pending,.op-badge.is-quarantined,.op-badge.is-pending-verification,.op-badge.is-queued,.op-badge.is-running,.op-badge.is-deprovision-queued,.op-badge.is-deprovisioning,.op-badge.is-renewal-queued,.op-badge.is-renewing,.op-badge.is-reset-queued,.op-badge.is-resetting,.op-badge.is-needs-setup,.op-badge.is-warning{color:var(--op-warning);background:#d977061a;border-color:#d9770638}.op-badge.is-suspended,.op-badge.is-archived,.op-badge.is-maintenance,.op-badge.is-failed,.op-badge.is-disabled,.op-badge.is-deleted,.op-badge.is-error{color:var(--op-danger);background:#dc26261a;border-color:#dc262638}.op-badge.is-info,.op-badge.is-protected,.op-badge.is-platform,.op-badge.is-platform-live,.op-badge.is-platform-preview,.op-badge.is-super-admin,.op-badge.is-platform-admin,.op-badge.is-support,.op-badge.is-finance,.op-badge.is-operations,.op-badge.is-developer,.op-badge.is-protected,.op-badge.is-published{color:var(--op-aqua);background:#1eb1c71c;border-color:#1eb1c73d}.op-badge.is-none,.op-badge.is-not-required,.op-badge.is-not-requested,.op-badge.is-deprovisioned,.op-badge.is-subscription,.op-badge.is-cancelled{background:var(--surface-muted);color:var(--text-muted);border-color:var(--border)}.op-badge.is-trial{color:#3b82f6;background:#3b82f61a;border-color:#3b82f63d}.op-badge.is-internal{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf63d}.op-table-detail-card-main{gap:3px;min-width:0;display:grid}.op-table-header-actions{justify-content:flex-end;gap:var(--op-list-gap);flex-wrap:wrap;align-items:center;display:flex}.op-table-count-pill{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-muted);width:fit-content;min-height:28px;color:var(--text-muted);white-space:nowrap;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.op-active-table-filter-pill{border-radius:var(--radius-pill);width:fit-content;min-height:28px;color:var(--op-aqua);white-space:nowrap;background:#1eb1c71a;border:1px solid #1eb1c752;align-items:center;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.op-active-table-filter-pill:hover{background:#1eb1c729;border-color:#1eb1c785}.op-table-empty-state{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface-muted);justify-items:center;gap:10px;min-height:220px;padding:44px 20px;display:grid}.op-table-empty-state h2{color:var(--text);margin:0;font-size:22px;font-weight:900}.op-table-empty-state p{max-width:52ch;color:var(--text-muted);margin:0;font-size:14px;font-weight:700}.op-table-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.op-table-empty-state .btn,.op-table-empty-actions .btn{margin-top:2px}.op-auth-page{background:radial-gradient(circle at 18% 15%, #62dce93d, transparent 28rem), radial-gradient(circle at 88% 82%, #1eb1c72e, transparent 26rem), var(--bg);place-items:center;padding:clamp(18px,4vw,48px)}.op-auth-page .op-theme-switch{z-index:50;position:fixed;top:22px;right:22px}.op-auth-page .cards-one{isolation:isolate;border-radius:var(--radius-card);background:radial-gradient(circle at top left, #1eb1c726, transparent 18rem), radial-gradient(circle at bottom right, #62dce92e, transparent 20rem), color-mix(in srgb, var(--surface) 96%, var(--op-aqua-soft));width:min(620px,100%);min-height:auto;box-shadow:var(--shadow-panel);display:block;position:relative;overflow:hidden}:root[data-theme=dark] .op-auth-page .cards-one{background:radial-gradient(circle at 0 0,#1eb1c721,#0000 18rem),radial-gradient(circle at 100% 100%,#1eb1c729,#0000 20rem),linear-gradient(135deg,#124248e0,#081b1ff5)}.op-auth-page .op-card{z-index:2;box-shadow:none;background:0 0;justify-items:stretch;gap:28px;margin:0 auto;display:grid;position:relative}.op-auth-page .op-card-logo{width:184px;height:auto}.op-auth-page .op-card-logo-wrap{place-items:center;width:fit-content;margin:0 auto;display:inline-grid}.op-auth-page .op-card-logo-wrap .op-card-logo{grid-area:1/1;width:clamp(168px,34vw,210px);height:auto;margin:0 auto}.op-auth-page .op-card-logo-wrap .op-card-logo-light-mode{display:block}.op-auth-page .op-card-logo-wrap .op-card-logo-dark-mode,:root[data-theme=dark] .op-auth-page .op-card-logo-wrap .op-card-logo-light-mode{display:none}:root[data-theme=dark] .op-auth-page .op-card-logo-wrap .op-card-logo-dark-mode{display:block}.op-auth-page .op-card-kicker{font-size:13px}.op-auth-page .op-card-header p:last-child{max-width:36ch;color:var(--text-muted);margin:14px auto 0;font-size:15px;font-weight:600}.op-auth-page .op-auth-form{text-align:left;gap:18px;width:min(460px,100%);margin:0 auto;display:grid}.op-auth-submit{width:100%;margin-top:4px}.op-auth-page .op-card-footnote{letter-spacing:-.01em;margin:8px auto 0;font-size:13px;font-weight:800}.op-organisations-insight-overview-panel{flex-direction:column;min-height:430px;display:flex}.op-organisation-toolbar{grid-template-columns:minmax(260px,1fr) minmax(180px,.32fr) auto auto}.op-organisation-list-panel{scroll-margin-top:calc(var(--topbar-height) + 18px)}.op-organisation-table .table-column-organisation,.op-organisation-table .table-column-owner{width:25%}.op-organisation-table .table-column-status{width:10%}.op-organisation-table .table-column-members,.op-organisation-table .table-column-sites{text-align:center;width:10%}.op-organisation-table .table-column-created,.op-organisation-table .table-column-actions{width:10%}.op-organisation-table td.table-column-members,.op-organisation-table td.table-column-sites{font-weight:950}.op-organisation-table th.table-column-members .op-sortable-th-button,.op-organisation-table th.table-column-sites .op-sortable-th-button{justify-content:center}.op-organisation-table td.table-column-members .op-table-count-trigger,.op-organisation-table td.table-column-sites .op-table-count-trigger{margin-inline:auto}.op-organisation-table td.table-column-organisation,.op-organisation-table td.table-column-owner,.op-organisation-table td.table-column-actions{overflow:visible}.op-create-organisation-button{white-space:nowrap}.op-sites-toolbar{grid-template-columns:minmax(280px,1fr) minmax(160px,.34fr) minmax(170px,.34fr) minmax(160px,.34fr) auto}.op-sites-list-panel{scroll-margin-top:calc(var(--topbar-height) + 18px)}.op-sites-table .table-column-site{width:22%}.op-sites-table .table-column-organisation{width:18%}.op-sites-table .table-column-type,.op-sites-table .table-column-status,.op-sites-table .table-column-live{width:10%}.op-sites-table .table-column-domains{width:12%}.op-sites-table .table-column-updated{width:10%}.op-sites-table .table-column-actions{width:18%}.op-sites-table td.table-column-site,.op-sites-table td.table-column-organisation,.op-sites-table td.table-column-actions{overflow:visible}.op-sites-row-actions{width:min(420px, max-content);flex-wrap:wrap}@media (width>=1321px) and (width<=1850px){.cards-three{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-three .op-card:nth-child(3){grid-column:1/-1}}@media (width<=1320px){.cards-three{grid-template-columns:1fr}.cards-one-split-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-one-split-four .op-split-card:nth-child(3){border-left:0;border-top:1px solid var(--border)}.cards-one-split-four .op-split-card:nth-child(4){border-top:1px solid var(--border)}.cards-one-split-four .op-split-card{min-height:112px;padding:20px}.op-pie-layout{grid-template-columns:minmax(0,58%) minmax(220px,42%)}.op-pie{width:min(310px,100%)}.op-organisation-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.op-organisation-toolbar .op-filter-search,.op-organisation-toolbar .op-filter-status{grid-column:1/-1}.op-organisation-toolbar .op-toolbar-reset,.op-organisation-toolbar .op-toolbar-export{width:100%}.op-organisation-table-column{display:none}.op-organisation-table .op-accordion-actions{display:flex}.op-organisation-table .op-row-toggle{display:inline-grid}.op-organisation-table .table-column-organisation,.op-organisation-table .table-column-owner,.op-organisation-table .table-column-status{display:table-cell}.op-organisation-table .op-accordion-data{grid-template-columns:repeat(3,minmax(0,1fr))}.op-organisation-accordion-data-members,.op-organisation-accordion-data-sites,.op-organisation-accordion-data-created{display:grid}.op-sites-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.op-sites-toolbar .op-filter-search{grid-column:1/-1}.op-sites-toolbar .op-toolbar-reset{width:100%}.op-sites-table .table-column-type,.op-sites-table .table-column-updated{display:none}}@media (width<=1180px){.op-topbar{grid-template-columns:170px minmax(260px,360px) minmax(0,1fr);gap:16px;padding:0 20px}.op-sidebar-panel{width:310px}.op-topbar-user strong{max-width:150px}.cards-two,.cards-three{grid-template-columns:1fr}.op-organisation-table .table-column-status{display:none}.op-organisation-table .op-accordion-data{grid-template-columns:repeat(4,minmax(0,1fr))}.op-organisation-accordion-data-status{display:grid}.op-sites-table .table-column-domains{display:none}}@media (width<=900px){.op-topbar{grid-template-columns:160px minmax(220px,300px) minmax(0,1fr);gap:14px;padding:0 16px}.op-topbar-search{min-height:40px}.op-topbar-search input{font-size:12px}.op-topbar-user strong{max-width:120px}.op-content{padding:18px}.op-hero.op-page-header{align-items:flex-start}.op-hero.op-page-header .op-actions{flex:none}.op-hero .op-actions{align-items:stretch}.op-hero .op-actions .btn{width:100%}.op-card{padding:clamp(28px,5vw,44px)}.cards-one-split-three{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-one-split-three .op-split-card:nth-child(3){border-left:0;border-top:1px solid var(--border);grid-column:1/-1}.op-pie-layout{gap:var(--op-page-gap);grid-template-columns:1fr}.op-pie{width:min(300px,74vw)}}@media (width<=840px){.op-admin-shell{display:block}.op-topbar{grid-template-columns:auto auto;justify-content:space-between;min-height:68px;padding:0 16px}.op-topbar-logo{width:138px}.op-topbar>.op-topbar-search,.op-profile-menu,.op-topbar-actions>.op-theme-switch{display:none}.op-topbar-actions{gap:8px}.op-mobile-nav-toggle{width:36px;height:36px;box-shadow:none;color:var(--text-muted);background:0 0;border:0;border-radius:0;place-content:center;gap:4px;padding:0;display:inline-grid}.op-mobile-nav-toggle span{border-radius:var(--radius-pill);background:currentColor;width:20px;height:2px;transition:background .18s,transform .18s,opacity .18s;display:block}.op-mobile-nav-toggle:hover,.op-mobile-nav-toggle:focus-visible{color:var(--op-aqua);background:0 0}.op-mobile-nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.op-mobile-nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.op-mobile-nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.op-admin-body{display:block}.op-sidebar{z-index:70;pointer-events:none;background:0 0;border-right:0;width:0;height:100vh;position:fixed;inset:0 0 0 auto}.op-sidebar-rail,.op-sidebar-panel{display:none}.op-mobile-drawer{border-left:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--op-aqua-soft)), var(--surface));width:min(430px,100vw - 18px);height:100vh;box-shadow:var(--shadow-panel);pointer-events:auto;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:16px;transition:transform .22s;display:grid;position:fixed;inset:0 0 0 auto;transform:translate(110%)}.op-mobile-drawer.is-open,.op-admin-shell.is-mobile-menu-open .op-mobile-drawer{transform:translate(0)}.op-mobile-drawer-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.op-mobile-drawer-header .op-topbar-search,.op-mobile-drawer-header .op-theme-switch{display:grid}.op-mobile-drawer-close{width:36px;height:36px;color:var(--text);background:0 0;border:0;border-radius:0;place-items:center;font-size:24px;font-weight:700;line-height:1;display:inline-grid}.op-mobile-drawer-close:hover,.op-mobile-drawer-close:focus-visible{color:var(--op-aqua);background:0 0}.op-mobile-menu-body{grid-template-columns:80px minmax(0,1fr);gap:14px;min-height:0;display:grid}.op-mobile-rail{border-right:1px solid var(--border);grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;padding:4px 0;display:grid}.op-mobile-rail-scroll{scrollbar-width:none;align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.op-mobile-rail-scroll::-webkit-scrollbar{width:0;height:0}.op-mobile-rail-footer .op-environment-pill{max-width:70px;padding-inline:8px;font-size:9px}.op-mobile-rail-footer{padding:8px 0 0;display:grid}.op-mobile-rail-button{width:70px;min-height:60px;color:var(--text-muted);text-align:center;background:0 0;border:0;align-content:center;justify-items:center;gap:4px;padding:6px 2px;display:grid}.op-mobile-rail-button:hover,.op-mobile-rail-button.is-active{color:var(--op-aqua);background:0 0}.op-mobile-rail-button span{place-items:center;width:30px;height:30px;line-height:1;display:inline-grid}.op-mobile-rail-button .op-nav-svg-icon{width:28px;height:28px}.op-mobile-rail-button small{max-width:80px;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;line-height:1.05;overflow:hidden}.op-mobile-rail-logout{color:var(--text-muted)}.op-mobile-rail-logout:hover,.op-mobile-rail-logout:focus-visible{color:var(--op-aqua)}.op-mobile-menu-panel{scrollbar-width:none;min-width:0;min-height:0;padding:4px 2px 10px 0;overflow-y:auto}.op-mobile-menu-panel::-webkit-scrollbar{width:0;height:0}.op-mobile-menu-section{gap:18px;display:grid}.op-mobile-menu-section-header{gap:4px;padding:6px 0 10px;display:grid}.op-mobile-menu-section-header h2{color:var(--text);margin:0;font-size:17px;font-weight:950;line-height:1.2}.op-mobile-subnav{gap:12px;display:grid}.op-mobile-nav-link{color:var(--text-muted);background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;text-decoration:none;display:grid}.op-mobile-nav-link:hover,.op-mobile-nav-link.is-active{color:var(--op-aqua);background:0 0}.op-mobile-nav-link strong{color:inherit;font-size:14px;font-weight:950;line-height:1.25;display:block}.op-mobile-nav-link em{color:var(--text-soft);margin-top:3px;font-size:12px;font-style:normal;font-weight:750;line-height:1.25;display:block}.op-mobile-nav-link:hover em,.op-mobile-nav-link.is-active em{color:color-mix(in srgb, var(--op-aqua) 72%, var(--text-muted))}.op-mobile-nav-link small{border-radius:var(--radius-pill);color:var(--op-aqua);background:#1eb1c71a;padding:3px 7px;font-size:10px;font-weight:950}.op-sidebar-backdrop{z-index:65;opacity:0;pointer-events:none;background:#0410128a;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.op-admin-shell.is-mobile-menu-open .op-sidebar-backdrop{opacity:1;pointer-events:auto}.op-shell-footer{margin-top:34px;padding-top:16px;padding-bottom:4px;font-size:11px}.op-content{min-height:calc(100vh - var(--topbar-height-mobile));padding:22px 16px}.op-hero.op-page-header{flex-direction:column;align-items:stretch}.form-grid,.detail-list,.op-detail-grid,.op-organisation-toolbar{grid-template-columns:1fr}.op-organisation-toolbar .btn,.op-organisation-toolbar .form-field{width:100%}.op-organisation-table .op-accordion-data{gap:20px;padding:20px}.op-organisation-table .table-column-owner{display:none}.op-organisation-table .op-accordion-data{grid-template-columns:repeat(3,minmax(0,1fr))}.op-organisation-accordion-data-owner,.op-organisation-accordion-data-owner-email{display:grid}.op-organisation-table .op-accordion-data-single+.op-accordion-data-single{border-left:0}.op-organisation-table .op-accordion-data-single{min-height:0;padding:0}.op-sites-toolbar{grid-template-columns:1fr}.op-sites-toolbar .btn,.op-sites-toolbar .form-field{width:100%}.op-sites-table .table-column-organisation{display:none}.op-sites-row-actions{width:min(360px, max-content)}}@media (width<=640px){.op-content{padding:14px}.op-page-header.op-hero.op-card-header,.op-hero .op-card-header{align-items:stretch;display:grid}.op-hero .op-page-header .op-actions,.op-hero .op-page-header .op-actions .btn{width:100%}.op-card{padding:clamp(24px,6vw,34px)}.cards-one-split-two,.cards-one-split-three,.cards-one-split-four{grid-template-columns:1fr}.cards-one-split-two .op-split-card,.cards-one-split-three .op-split-card,.cards-one-split-four .op-split-card{border-left:0;border-top:1px solid var(--border);min-height:112px;padding:20px}.cards-one-split-two .op-split-card:first-child,.cards-one-split-three .op-split-card:first-child,.cards-one-split-four .op-split-card:first-child{border-top:0}.op-empty-state,.op-detail-empty,.op-table-empty-state{padding:32px 16px}.op-skeleton-row{grid-template-columns:1fr}.op-auth-page .op-card{padding:30px 18px}.op-organisation-table .op-accordion-data{grid-template-columns:repeat(2,minmax(0,1fr))}.op-sites-table .table-column-status,.op-sites-table .table-column-live{display:none}.op-sites-row-actions{width:min(280px, max-content)}}@media (width<=420px){.op-mobile-drawer{width:min(390px,100vw - 12px);padding:14px}.op-mobile-drawer-header{grid-template-columns:minmax(0,1fr) 68px 30px;align-items:center;gap:8px}.op-mobile-drawer-header .op-topbar-search{grid-template-columns:18px minmax(0,1fr);width:100%;min-width:0;max-width:220px;min-height:38px;padding:0 10px}.op-mobile-drawer-header .op-topbar-search input{min-width:0;font-size:12px}.op-mobile-drawer-header .op-topbar-search span{font-size:13px}.op-mobile-drawer-header .op-theme-switch{width:68px;min-width:68px}.op-mobile-drawer-close{width:30px;position:relative;bottom:3px}.op-mobile-menu-body{grid-template-columns:80px minmax(0,1fr);gap:12px}.op-mobile-rail-button{width:70px}.op-card{padding:22px 16px}.op-split-card{padding:18px}.op-auth-page .op-card{padding:30px 18px}.op-organisation-toolbar,.op-organisation-table .op-accordion-data{grid-template-columns:1fr}}.op-site-workflow-bar{padding:var(--op-panel-padding);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-sm);gap:18px;display:grid}.op-site-workflow-header{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.op-site-workflow-header h2{color:var(--text);margin:2px 0 6px;font-size:20px;font-weight:950}.op-site-workflow-header>div:first-child>p:last-child{max-width:760px;color:var(--text-muted);margin:0;font-size:13px;font-weight:650}.op-site-workflow-runtime-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.op-site-workflow-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.op-site-workflow-link{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);min-width:0;color:var(--text-muted);gap:3px;padding:12px 14px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid}.op-site-workflow-link strong{color:var(--text);font-size:13px;font-weight:900;line-height:1.25}.op-site-workflow-link span{color:var(--text-soft);font-size:11px;font-weight:700;line-height:1.35}.op-site-workflow-link:hover,.op-site-workflow-link:focus-visible{background:color-mix(in srgb, var(--surface) 88%, var(--op-aqua-soft));color:var(--text);border-color:#1eb1c76b;outline:none}.op-site-workflow-link:focus-visible{box-shadow:var(--op-focus-ring)}.op-site-workflow-link.is-active{background:color-mix(in srgb, var(--surface) 80%, var(--op-aqua-soft));border-color:#1eb1c780;box-shadow:inset 0 0 0 1px #1eb1c714}.op-site-workflow-link.is-active strong{color:var(--op-aqua)}@media (width<=1180px){.op-site-workflow-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.op-site-workflow-header{display:grid}.op-site-workflow-runtime-actions{justify-content:flex-start}.op-site-workflow-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.op-site-workflow-bar{padding:16px}.op-site-workflow-links{grid-template-columns:1fr}.op-site-workflow-runtime-actions .btn{flex:100%}}.op-rbac-page{min-width:0}.op-rbac-page>.op-page-header{border:1px solid color-mix(in srgb, var(--border) 76%, #1eb1c747)}.op-rbac-page>.op-page-header .page-description{max-width:78ch}.op-rbac-page .op-split-strip{border:1px solid var(--border)}.op-rbac-page .op-split-strip-icon:empty:before{width:14px;height:14px;box-shadow:0 0 0 9px color-mix(in srgb, currentColor 11%, transparent)}.op-rbac-users-page .op-sites-toolbar{grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(150px,.55fr)) auto}.op-rbac-roles-page .op-sites-toolbar{grid-template-columns:minmax(320px,1fr) minmax(190px,.42fr) auto}.op-rbac-page .op-toolbar-reset{min-width:110px}.op-rbac-page .table-wrap{scrollbar-gutter:stable}.op-rbac-users-page .op-table{min-width:1180px}.op-rbac-roles-page .op-table{min-width:980px}.op-rbac-page .op-table td{vertical-align:top}.op-rbac-page .op-table .op-site-cell{align-content:start}.op-rbac-page .op-badge{max-width:100%;line-height:1.25}.op-rbac-page .op-site-cell .op-badge{justify-self:start}.op-rbac-page .op-badge.is-protected{color:var(--op-warning);background:#d977061c;border-color:#d977064d}:root[data-theme=dark] .op-rbac-page .op-badge.is-protected{color:#fcd34d;background:#fbbf241c;border-color:#fbbf244d}.op-rbac-users-page .op-table-detail-modal{width:min(780px,100%)}.op-rbac-roles-page .op-table-detail-modal{width:min(980px,100%)}.op-rbac-page .op-table-detail-modal{gap:22px;max-height:min(840px,100vh - 44px);padding:clamp(20px,3vw,30px)}.op-rbac-page .op-table-detail-modal>.page-description{max-width:82ch}.op-rbac-page .op-modal-mini-list{border-radius:var(--radius-lg);overflow:hidden}.op-rbac-page .op-modal-mini-list li+li{border-top:0}.op-rbac-page .op-table-detail-card,.op-rbac-page .op-table-detail-card>div{min-width:0}.op-rbac-roles-page section.op-table-detail-card{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}.op-rbac-roles-page section.op-table-detail-card>.op-card-header{min-width:0}.op-rbac-roles-page section.op-table-detail-card>.op-table-detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.op-rbac-roles-page .op-table-detail-card>.checkbox-row{grid-column:1/-1;width:100%}.op-rbac-page .op-confirmation-panel{border-radius:var(--radius-xl);background:linear-gradient(135deg, #1eb1c714, transparent), var(--surface-muted);border:1px solid #1eb1c747;gap:16px;padding:18px;display:grid}.op-rbac-page .op-confirmation-panel h3{color:var(--text);margin:4px 0 6px;font-size:18px;font-weight:950}.op-rbac-page .op-confirmation-panel p{color:var(--text-muted);margin:0;font-size:13px;font-weight:700;line-height:1.6}.op-rbac-page .op-confirmation-panel.is-danger{background:linear-gradient(135deg, #dc262617, #dc262606), var(--surface-muted);border-color:#dc262652}.op-rbac-page .op-confirmation-panel.is-danger h3{color:var(--op-danger)}:root[data-theme=dark] .op-rbac-page .op-confirmation-panel{background:linear-gradient(135deg,#1eb1c717,#0000),#07141794;border-color:#62dce92e}:root[data-theme=dark] .op-rbac-page .op-confirmation-panel.is-danger{background:linear-gradient(135deg,#f871711a,#f8717106),#07141799;border-color:#f871714d}:root[data-theme=dark] .op-rbac-page .op-confirmation-panel.is-danger h3{color:#f87171}.op-rbac-page .op-confirmation-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.op-rbac-page .op-empty-mini{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-muted);color:var(--text-muted);padding:14px 16px;font-size:13px;font-weight:750;line-height:1.55}.op-rbac-page .op-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.op-rbac-page .op-alert .op-empty-actions{justify-content:flex-start}.op-rbac-page .op-table-header-actions{max-width:100%}@media (width<=1320px){.op-rbac-users-page .op-sites-toolbar,.op-rbac-roles-page .op-sites-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.op-rbac-page .op-sites-toolbar .op-filter-search{grid-column:1/-1}.op-rbac-page .op-toolbar-reset{width:100%}}@media (width<=900px){.op-rbac-page>.op-page-header{align-items:flex-start}.op-rbac-page .op-table-header-actions{justify-content:flex-start}.op-rbac-roles-page section.op-table-detail-card>.op-table-detail-list{grid-template-columns:1fr}}@media (width<=640px){.op-rbac-users-page .op-sites-toolbar,.op-rbac-roles-page .op-sites-toolbar{grid-template-columns:1fr}.op-rbac-page .op-sites-toolbar .op-filter-search{grid-column:auto}.op-rbac-page .op-toolbar-reset{width:100%}.op-rbac-page .op-table-detail-modal-backdrop{place-items:stretch stretch;padding:12px}.op-rbac-page .op-table-detail-modal{border-radius:var(--radius-xl);align-self:center;width:100%;max-height:calc(100vh - 24px);padding:18px}.op-rbac-page .op-modal-mini-list li{justify-content:stretch;gap:6px;display:grid}.op-rbac-page .op-modal-mini-list span{white-space:normal}.op-rbac-page .op-modal-mini-list em{overflow-wrap:anywhere;justify-self:start;max-width:100%}.op-rbac-page .op-confirmation-actions .btn,.op-rbac-page .op-table-header-actions{width:100%}}@media (width<=420px){.op-rbac-page .op-table-detail-modal{gap:16px;padding:16px}.op-rbac-page .op-table-detail-modal-header{gap:10px}.op-rbac-page .op-table-detail-modal-header h2{font-size:20px}.op-rbac-page .op-confirmation-panel{padding:15px}}.op-rbac-users-page .op-rbac-directory-panel{min-width:0}.op-rbac-users-page .op-rbac-directory-panel>.op-card-header{align-items:flex-start}.op-rbac-page .op-rbac-access-section{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-muted);gap:14px;min-width:0;padding:18px;display:grid}.op-rbac-page .op-rbac-access-section>.op-card-kicker{margin-bottom:-2px}.op-rbac-page .op-rbac-access-section .page-description{max-width:78ch;margin:0}.op-rbac-page .op-rbac-access-section .op-table-detail-list{gap:12px}.op-rbac-page .op-rbac-access-section .op-table-detail-card{background:var(--surface);min-width:0}.op-rbac-page .op-rbac-access-section .op-table-detail-card-main,.op-rbac-page .op-rbac-access-section .op-table-detail-card-main p{overflow-wrap:anywhere;min-width:0}.op-rbac-page .op-rbac-access-section .form-field{max-width:620px}.op-rbac-page .op-rbac-access-section.is-critical{background:linear-gradient(135deg, #dc262613, transparent 58%), var(--surface-muted);border-color:#dc26264d}.op-rbac-page .op-rbac-access-section.is-critical>.op-card-kicker{color:var(--op-danger)}:root[data-theme=dark] .op-rbac-page .op-rbac-access-section{background:#07141775;border-color:#94a3b82e}:root[data-theme=dark] .op-rbac-page .op-rbac-access-section.is-critical{background:linear-gradient(135deg,#f8717117,#0000 58%),#0714178a;border-color:#f8717147}:root[data-theme=dark] .op-rbac-page .op-rbac-access-section.is-critical>.op-card-kicker{color:#f87171}.op-rbac-roles-page .op-rbac-permission-section{gap:16px;min-width:0;display:grid}.op-rbac-roles-page .op-rbac-permission-section>.op-card-header{align-items:flex-start;gap:14px}.op-rbac-roles-page .op-rbac-permission-section>.op-table-detail-list{gap:12px}.op-rbac-roles-page .op-rbac-permission-group{border-color:color-mix(in srgb, var(--border) 82%, #1eb1c73d);background:color-mix(in srgb, var(--surface-muted) 88%, #1eb1c709);align-content:start;gap:12px;min-width:0;padding:16px}.op-rbac-roles-page .op-rbac-permission-group>.op-card-header{align-items:flex-start;gap:10px}.op-rbac-roles-page .op-rbac-permission-group>.op-table-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-rbac-roles-page .op-rbac-permission-group .checkbox-row{align-items:flex-start;min-width:0}.op-rbac-roles-page .op-rbac-permission-group strong,.op-rbac-roles-page .op-rbac-permission-group p,.op-rbac-roles-page .op-rbac-permission-group .op-badge{overflow-wrap:anywhere;max-width:100%}.op-rbac-roles-page .op-rbac-permission-group .op-badge{white-space:normal;text-align:left}.op-rbac-roles-page .op-rbac-permission-item{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:14px 16px}.op-rbac-roles-page .op-rbac-permission-item .op-table-detail-card-main,.op-rbac-roles-page .op-rbac-permission-item .op-table-detail-card-main p,.op-rbac-roles-page .op-rbac-permission-item strong{overflow-wrap:anywhere;min-width:0}:root[data-theme=dark] .op-rbac-roles-page .op-rbac-permission-group{background:#081b1f94;border-color:#62dce929}@media (width<=900px){.op-rbac-page .op-rbac-access-section{padding:16px}.op-rbac-roles-page .op-rbac-permission-group>.op-table-detail-list{grid-template-columns:1fr}}@media (width<=640px){.op-rbac-page .op-rbac-access-section{border-radius:var(--radius-lg);gap:12px;padding:15px}.op-rbac-page .op-rbac-access-section .op-actions,.op-rbac-page .op-rbac-access-section .op-actions .btn{width:100%}.op-rbac-roles-page .op-rbac-permission-section>.op-card-header{align-items:stretch}.op-rbac-roles-page .op-rbac-permission-group{padding:14px}.op-rbac-roles-page .op-rbac-permission-item{padding:13px 14px}}@media (width<=420px){.op-rbac-page .op-rbac-access-section{padding:13px}.op-rbac-roles-page .op-rbac-permission-group{padding:12px}}.op-rbac-page .op-alert{grid-template-columns:minmax(0,1fr);gap:0}.op-rbac-roles-page .op-rbac-permission-section .op-table-detail-list>article.op-table-detail-card:not(.op-rbac-permission-item){grid-template-columns:minmax(0,1fr);gap:10px}@media (width<=640px){.op-rbac-roles-page .op-rbac-permission-section .op-table-detail-list>article.op-table-detail-card:not(.op-rbac-permission-item){gap:8px;padding:12px}}