:root {
    --navy-950: #06152a;
    --navy-900: #071a31;
    --navy-800: #0b2f4b;
    --ink: #10243b;
    --muted: #647787;
    --line: #dce6eb;
    --surface: #ffffff;
    --surface-soft: #f6fafb;
    --teal: #087f89;
    --teal-bright: #15a9ad;
    --green: #3ccb77;
    --gold: #d7af58;
    --shadow: 0 26px 70px rgba(9, 36, 58, .14);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: #eef5f7; }
body { margin: 0; min-height: 100vh; color: var(--ink); }
button, input { font: inherit; }
a { color: var(--teal); text-underline-offset: .18em; }

.auth-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 12%, rgba(21, 169, 173, .15), transparent 28rem),
        radial-gradient(circle at 88% 88%, rgba(215, 175, 88, .12), transparent 25rem),
        linear-gradient(145deg, #f7fafb 0%, #e9f1f4 100%);
}

.auth-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 32px 18px;
}

.auth-card {
    width: min(100%, 460px);
    overflow: hidden;
    border: 1px solid rgba(220, 230, 235, .92);
    border-radius: 26px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--shadow);
}

.brand-header {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 126px;
    padding: 22px 30px;
    background:
        radial-gradient(circle at 86% 12%, rgba(21, 169, 173, .22), transparent 42%),
        linear-gradient(120deg, var(--navy-950), var(--navy-800));
}

.brand-logo { width: min(100%, 310px); height: auto; filter: drop-shadow(0 7px 20px rgba(0,0,0,.16)); }
.auth-body { padding: 30px 34px 26px; }

.app-context {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    margin: 0 auto 22px;
    padding: 8px 12px;
    border: 1px solid #d9e9e9;
    border-radius: 999px;
    background: #f1f8f8;
    color: #46656c;
    font-size: 12px;
}
.app-context span { white-space: nowrap; }
.app-context strong { overflow: hidden; color: var(--teal); text-overflow: ellipsis; white-space: nowrap; }

.heading-block { margin-bottom: 22px; text-align: center; }
.heading-block h1 { margin: 0; font-size: clamp(1.75rem, 5vw, 2.1rem); letter-spacing: -.04em; }
.heading-block p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }

.passkey-button {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid #b9dbdc;
    border-radius: 15px;
    background: linear-gradient(180deg, #f9ffff, #edf8f8);
    color: var(--ink);
    text-align: left;
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.passkey-button:hover { transform: translateY(-1px); border-color: #71b8ba; box-shadow: 0 10px 26px rgba(8, 127, 137, .12); }
.passkey-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 13px; background: linear-gradient(145deg, var(--teal), var(--teal-bright)); color: #fff; font-size: 23px; }
.passkey-button strong, .passkey-button small { display: block; }
.passkey-button strong { font-size: 14px; }
.passkey-button small { margin-top: 2px; color: var(--muted); font-size: 12px; }

.separator { display: flex; align-items: center; gap: 12px; margin: 22px 0; color: #8797a2; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.separator::before, .separator::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.separator span { white-space: nowrap; }


.auth-alert { margin: 0 0 18px; padding: 12px 14px; border-radius: 12px; font-size: 13px; line-height: 1.45; }
.auth-alert-error { border: 1px solid #efc7c7; background: #fff4f4; color: #8b2b2b; }

.auth-form { display: grid; gap: 9px; }
.auth-form label { color: #304c5e; font-size: 12px; font-weight: 750; }
.auth-form input {
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 1px solid #d2dde3;
    border-radius: 12px;
    outline: none;
    background: #fff;
    color: var(--ink);
    transition: border-color .14s ease, box-shadow .14s ease;
}
.auth-form input:focus { border-color: #6bb2b5; box-shadow: 0 0 0 4px rgba(8, 127, 137, .10); }
.field-row { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; }
.field-row a { font-size: 12px; }
.primary-button { min-height: 49px; margin-top: 9px; border: 0; border-radius: 12px; background: linear-gradient(110deg, var(--navy-800), var(--teal)); color: #fff; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(8, 73, 94, .18); }
.register-copy { margin: 22px 0 0; color: var(--muted); font-size: 13px; text-align: center; }

.auth-footer { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 15px 18px; border-top: 1px solid #e7eef1; background: var(--surface-soft); color: #788a96; font-size: 11px; }
.auth-footer a { color: #607983; }

@media (max-width: 520px) {
    .auth-shell { padding: 0; place-items: stretch; }
    .auth-card { width: 100%; min-height: 100vh; border: 0; border-radius: 0; box-shadow: none; }
    .brand-header { min-height: 112px; padding-top: max(20px, env(safe-area-inset-top)); }
    .auth-body { padding: 27px 22px 24px; }
    .auth-footer { margin-top: auto; }
}

/* Authentication checkpoint used before the full Account Center lands in Plan 3. */
.compact-brand-header { min-height: 104px; }
.account-heading { margin-bottom: 24px; }
.account-kicker,
.checkpoint-eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--teal);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.checkpoint-panel {
    display: grid;
    gap: 17px;
    padding: 20px;
    border: 1px solid #d8e7e9;
    border-radius: 18px;
    background: linear-gradient(145deg, #f9fdfd, #f1f8f8);
}
.checkpoint-panel h2 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
.checkpoint-panel p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.checkpoint-assurance {
    display: grid;
    gap: 3px;
    margin-top: 18px;
    padding: 13px 15px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--surface-soft);
}
.checkpoint-assurance span { color: var(--muted); font-size: 11px; }
.checkpoint-assurance strong { overflow-wrap: anywhere; font-size: 12px; }
.checkpoint-assurance small { color: var(--teal); font-size: 11px; }
.checkpoint-note { margin: 18px 2px 0; color: #7b8c97; font-size: 11px; line-height: 1.5; text-align: center; }

/* NuboID Account Center */
.account-shell{min-height:100vh;padding:28px;background:linear-gradient(145deg,#eef5f6,#f8fbfc);color:var(--ink)}
.account-card{width:min(1120px,100%);margin:0 auto;border:1px solid #dce7eb;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(7,26,49,.10);overflow:hidden}
.account-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-bottom:1px solid var(--line);background:linear-gradient(115deg,#071a31,#0b4056)}
.account-logo{width:150px;max-height:48px}.account-topbar-actions{display:flex;align-items:center;gap:16px}.account-user{display:grid;text-align:right;color:#fff}.account-user strong{font-size:13px}.account-user span{font-size:11px;opacity:.72}.logout-form{margin:0}.logout-button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:11px;font-weight:800}.logout-button:hover{background:rgba(255,255,255,.15)}
.account-content{padding:30px}.account-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:26px}.account-hero h1{margin:0;font-size:30px;letter-spacing:-.035em}.account-hero p{margin:7px 0 0;color:var(--muted)}
.assurance-pill{display:grid;gap:2px;min-width:250px;padding:12px 15px;border:1px solid #d9e6e9;border-radius:14px;background:#f7fbfb}.assurance-pill span,.assurance-pill small{font-size:10px;color:var(--muted)}.assurance-pill strong{font-size:11px;overflow-wrap:anywhere}.assurance-pill small{color:var(--teal)}
.security-hold-banner{display:grid;gap:4px;margin-bottom:20px;padding:14px 16px;border:1px solid #efc98e;border-radius:14px;background:#fff8e9;color:#72501f}.security-hold-banner span{font-size:12px;line-height:1.5}.security-hold-banner.security-hold-authorized{border-color:#9dded2;background:#eefbf8;color:#0d5f5b}.security-hold-banner.security-hold-authorized strong{color:#0b4f4c}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.security-card{display:grid;align-content:start;gap:16px;padding:20px;border:1px solid #dce7eb;border-radius:18px;background:#fff}.security-card-head,.security-card-head>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.security-card-head h2{margin:0;font-size:17px}.security-card-head p,.security-copy{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.section-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#eaf7f7;color:var(--teal);font-weight:850}.status-badge{padding:5px 8px;border-radius:999px;background:#e8f7ef;color:#26764d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.status-badge.neutral{background:#eff4f6;color:#667984}.security-items{display:grid;gap:8px}.security-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #e3ecef;border-radius:12px;background:#fbfdfd}.security-item strong,.security-item small{display:block}.security-item strong{font-size:12px}.security-item small{margin-top:2px;color:var(--muted);font-size:10px}.inline-security-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.inline-security-form input{min-height:42px;padding:0 11px;border:1px solid #d2dde3;border-radius:10px}.secondary-button,.danger-button,.text-button,.text-danger-button{border:0;cursor:pointer;font-weight:750}.secondary-button{min-height:42px;padding:0 14px;border-radius:10px;background:#eaf5f6;color:#075b66}.danger-button{min-height:42px;padding:0 14px;border-radius:10px;background:#fff0f0;color:#9a3030}.text-button,.text-danger-button{padding:6px;background:transparent;color:var(--teal);font-size:11px}.text-danger-button{color:#a33d3d}.danger-card{border-color:#eadede}.danger-card form+form{margin-top:-6px}.link-button{display:grid;place-items:center;text-decoration:none}
@media(max-width:780px){.account-shell{padding:0}.account-card{min-height:100vh;border:0;border-radius:0;box-shadow:none}.account-topbar{padding:18px 20px}.account-user{display:none}.account-topbar-actions{gap:0}.logout-button{min-height:36px}.account-content{padding:22px}.account-hero{display:grid}.assurance-pill{min-width:0}.account-grid{grid-template-columns:1fr}.inline-security-form{grid-template-columns:1fr}.account-hero h1{font-size:26px}}
.recovery-key-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.recovery-key-list code,.totp-secret code,.break-code{padding:10px;border:1px solid #dce7eb;border-radius:10px;background:#f7fbfb;color:#173a4d;font-size:12px;overflow-wrap:anywhere}.totp-secret{display:grid;gap:6px;margin:18px 0}.totp-secret span{font-size:11px;color:var(--muted)}details{margin:12px 0 18px;color:var(--muted);font-size:12px}details .break-code{display:block;margin-top:8px}@media(max-width:520px){.recovery-key-list{grid-template-columns:1fr}}
.admin-recovery-list{display:grid;gap:14px;margin-top:18px}.recovery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-actions form{display:flex;gap:7px;align-items:center}.recovery-actions input,.recovery-actions select{min-width:0;min-height:38px;padding:0 9px;border:1px solid #d2dde3;border-radius:9px}@media(max-width:780px){.recovery-actions{grid-template-columns:1fr}.recovery-actions form{display:grid}}

/* TOTP provisioning */
.totp-qr-wrap{display:grid;place-items:center;margin:18px auto;padding:14px;width:max-content;max-width:100%;border:1px solid #dce7eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(7,26,49,.07)}
.totp-qr-image{display:block;width:min(280px,72vw);height:auto;aspect-ratio:1/1}
.muted-copy{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.5}

/* Dynamic locale selector */
.locale-switcher{position:fixed;z-index:1000;top:12px;right:14px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(7,26,49,.82);box-shadow:0 8px 24px rgba(7,26,49,.16);backdrop-filter:blur(10px)}
.locale-switcher form{margin:0}.locale-switcher button{min-width:31px;height:28px;padding:0 7px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.74);font-size:10px;font-weight:850;letter-spacing:.04em;cursor:pointer}.locale-switcher button[aria-current="true"]{background:#fff;color:#075b66}.locale-switcher button:hover{color:#fff;background:rgba(255,255,255,.12)}
@media(max-width:520px){.locale-switcher{top:max(8px,env(safe-area-inset-top));right:8px;gap:2px}.locale-switcher button{min-width:28px;padding:0 5px;font-size:9px}}

/* Managed corporate email templates */
.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.template-list-card{min-width:0}.template-list-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-list-actions form{margin:0}.template-list-actions .secondary-button{display:grid;place-items:center;text-decoration:none;padding:0 14px}
.locale-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 18px;padding:4px 0 7px;scrollbar-width:thin}.locale-tab{flex:0 0 auto;padding:9px 13px;border:1px solid #dce7eb;border-radius:999px;background:#fff;color:#516975;text-decoration:none;font-size:11px;font-weight:800}.locale-tab:hover{border-color:#aad6d6;color:#075b66}.locale-tab.active{border-color:#77cac7;background:#eaf8f7;color:#075b66}
.placeholder-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;border:1px solid #e0eaed;border-radius:12px;background:#f8fbfc}.placeholder-chips>span{width:100%;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.placeholder-chips code{padding:5px 7px;border-radius:7px;background:#eaf5f6;color:#075b66;font-size:10px}
.template-editor-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-editor-form label{display:grid;gap:6px}.template-editor-form label span{color:#405b68;font-size:11px;font-weight:800}.template-editor-form input,.template-editor-form textarea{width:100%;padding:10px 11px;border:1px solid #d2dde3;border-radius:10px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.template-editor-form textarea{min-height:92px}.template-editor-form label:has(textarea){grid-column:1/-1}.template-editor-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}.template-editor-actions button{padding:0 14px}
.email-preview-frame{width:100%;min-height:650px;border:1px solid #dce7eb;border-radius:14px;background:#f4f7f8}.email-preview-text{overflow:auto;max-height:500px;margin:0;padding:16px;border:1px solid #dce7eb;border-radius:12px;background:#f7fbfb;color:#173a4d;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.55}
@media(max-width:780px){.template-list{grid-template-columns:1fr}.template-editor-form{grid-template-columns:1fr}.template-editor-form label:has(textarea),.template-editor-actions{grid-column:auto}.template-list-actions{align-items:stretch;flex-direction:column}.template-list-actions .secondary-button,.template-list-actions form,.template-list-actions button{width:100%}}

.oidc-back-button { display: flex; align-items: center; justify-content: center; width: 100%; text-decoration: none; box-sizing: border-box; }

/* NuboID v0.18 OIDC Control Plane */
.oidc-create-card{margin-bottom:18px}.oidc-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oidc-admin-form label{display:grid;gap:6px}.oidc-admin-form label span{color:#405b68;font-size:11px;font-weight:800}.oidc-admin-form input,.oidc-admin-form select{width:100%;min-height:42px;padding:0 11px;border:1px solid #d2dde3;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.oidc-admin-form .wide{grid-column:1/-1}.oidc-security-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #dce7eb;border-radius:12px;background:#f7fbfb;color:#405b68;font-size:11px}.oidc-security-summary strong{color:var(--ink)}.oidc-card-metrics{display:flex;flex-wrap:wrap;gap:8px}.oidc-card-metrics span,.oidc-protocol-locks span{padding:6px 8px;border-radius:999px;background:#eff6f7;color:#526b77;font-size:10px;font-weight:700}.oidc-protocol-locks{display:flex;flex-wrap:wrap;gap:8px}.oidc-protocol-locks strong{color:#0d5862}.oidc-subsection{display:grid;gap:10px;padding-top:4px}.oidc-subsection h3{margin:0;font-size:13px}.oidc-status-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:4px}.oidc-status-form span{color:var(--muted);font-size:10px;line-height:1.4}.oidc-scope-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oidc-scope-form label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dce7eb;border-radius:10px;background:#fbfdfd;font-size:11px}.oidc-scope-form input{accent-color:var(--teal)}.oidc-client-card code,.oidc-application-list code{overflow-wrap:anywhere}.oidc-client-card .primary-button,.oidc-client-card .danger-button,.oidc-status-form .primary-button,.oidc-status-form .danger-button{margin-top:0;padding:0 14px}
@media(max-width:780px){.oidc-admin-form{grid-template-columns:1fr}.oidc-admin-form .wide{grid-column:auto}.oidc-security-summary{align-items:flex-start;flex-direction:column}.oidc-status-form{align-items:stretch;flex-direction:column}.oidc-status-form button{width:100%}.oidc-scope-form{align-items:stretch;flex-direction:column}.oidc-scope-form label,.oidc-scope-form button{width:100%}}

/* --------------------------------------------------------------------------
   Plan 4D — Premium NuboID Control Plane
   -------------------------------------------------------------------------- */
:root{
    --cp-navy-1000:#041426;
    --cp-navy-950:#061a30;
    --cp-navy-900:#08243d;
    --cp-blue:#1479ff;
    --cp-teal:#11aaa8;
    --cp-cyan:#18c9d2;
    --cp-violet:#8358f7;
    --cp-rose:#ef5b72;
    --cp-amber:#ed9a3e;
    --cp-green:#25a866;
    --cp-paper:#f5f8fb;
    --cp-panel:rgba(255,255,255,.90);
    --cp-border:rgba(14,43,69,.09);
    --cp-ink:#10243b;
    --cp-muted:#6d8092;
    --cp-shadow:0 18px 50px rgba(13,38,61,.08),0 2px 8px rgba(13,38,61,.04);
    --cp-radius:20px;
}
.cp-page{margin:0;min-height:100vh;background:var(--cp-paper);color:var(--cp-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.cp-layout{min-height:100vh;display:grid;grid-template-columns:226px minmax(0,1fr);background:
    radial-gradient(circle at 80% 4%,rgba(71,179,223,.15),transparent 26rem),
    radial-gradient(circle at 44% 120%,rgba(16,170,168,.10),transparent 35rem),
    linear-gradient(180deg,#f8fbfd 0%,#f2f6f9 100%)}
.cp-sidebar{position:sticky;top:0;z-index:40;height:100vh;display:flex;flex-direction:column;padding:18px 12px 15px;background:
    radial-gradient(circle at 70% 14%,rgba(17,170,168,.16),transparent 18rem),
    linear-gradient(175deg,var(--cp-navy-1000),#0b3150);color:#fff;box-shadow:10px 0 40px rgba(5,22,39,.08);overflow:auto;overscroll-behavior:contain}
.cp-brand{display:flex;align-items:center;min-height:58px;padding:6px 8px 14px;text-decoration:none}.cp-brand img{display:block;width:154px;max-height:50px;filter:brightness(0) invert(1) drop-shadow(0 8px 20px rgba(0,0,0,.18))}.cp-nav{display:grid;gap:3px;margin-top:5px}.cp-nav-link{position:relative;display:flex;align-items:center;gap:11px;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:11px;color:rgba(235,246,252,.82);text-decoration:none;font-size:12.5px;font-weight:630;letter-spacing:-.01em;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.cp-nav-link:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(2px)}.cp-nav-link.active{border-color:rgba(57,227,226,.16);background:linear-gradient(100deg,rgba(12,146,176,.34),rgba(18,190,190,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 25px rgba(0,0,0,.12)}.cp-nav-link.active::before{content:"";position:absolute;left:-12px;width:3px;height:22px;border-radius:0 3px 3px 0;background:linear-gradient(#45e5e2,#22a7ff);box-shadow:0 0 16px rgba(69,229,226,.55)}.cp-nav-icon{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px}.cp-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cp-sidebar-footer{display:grid;gap:13px;margin-top:auto;padding-top:22px}.cp-brand-card{position:relative;overflow:hidden;display:grid;gap:3px;padding:14px 14px 16px;border:1px solid rgba(139,225,231,.16);border-radius:15px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.cp-brand-card::after{content:"";position:absolute;right:-35px;bottom:-45px;width:130px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(37,212,211,.28),transparent 68%);filter:blur(6px)}.cp-brand-card strong{font-size:13px}.cp-brand-card small{max-width:130px;color:rgba(232,244,249,.65);font-size:10.5px;line-height:1.45}.cp-brand-orb{width:22px;height:22px;margin-bottom:5px;border:5px solid #25c9d0;border-right-color:#3988ff;border-radius:8px;transform:rotate(45deg)}.cp-system-status{display:flex;align-items:center;gap:7px;padding:0 7px;color:rgba(232,244,249,.58);font-size:9.5px}.cp-system-status>span{width:7px;height:7px;border-radius:50%;background:#32d67a;box-shadow:0 0 9px rgba(50,214,122,.5)}
.cp-main{min-width:0}.cp-topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 26px;border-bottom:1px solid rgba(10,40,65,.065);background:rgba(250,252,254,.82);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.cp-topbar-left,.cp-topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.cp-search{width:min(560px,44vw);height:40px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(15,55,83,.08);border-radius:12px;background:rgba(255,255,255,.80);box-shadow:0 3px 12px rgba(12,39,60,.035);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.cp-search:focus-within{border-color:rgba(20,121,255,.26);background:#fff;box-shadow:0 0 0 4px rgba(20,121,255,.07)}.cp-search>span{display:grid;width:18px;color:#75899b}.cp-search>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.cp-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--cp-ink);font-size:12px}.cp-search input::placeholder{color:#92a0ad}.cp-search kbd{padding:3px 6px;border:1px solid #dce5eb;border-bottom-width:2px;border-radius:6px;background:#f7f9fb;color:#8898a6;font:600 9px/1 -apple-system,BlinkMacSystemFont,sans-serif}.cp-icon-button{display:none;width:39px;height:39px;border:1px solid var(--cp-border);border-radius:11px;background:#fff;color:#345067;cursor:pointer}.cp-icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.cp-profile{display:flex;align-items:center;gap:9px;padding:0 4px}.cp-profile>span:last-child{display:grid;gap:1px}.cp-profile strong{font-size:11px;line-height:1.15}.cp-profile small{color:#8494a2;font-size:9.5px}.cp-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#284b8f,#061a31);color:#fff;font-size:12px;font-weight:780;box-shadow:0 5px 15px rgba(20,47,86,.20)}.cp-logout button{width:31px;height:31px;border:0;border-radius:9px;background:transparent;color:#6e8292;cursor:pointer;font-size:17px;transition:background .2s,color .2s}.cp-logout button:hover{background:#edf3f6;color:#173a51}.cp-locale-menu{position:relative}.cp-locale-menu summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:34px;padding:0 8px;border-radius:9px;color:#496173;font-size:10.5px;font-weight:700;cursor:pointer}.cp-locale-menu summary::-webkit-details-marker{display:none}.cp-locale-menu[open] summary,.cp-locale-menu summary:hover{background:#eef4f6}.cp-popover{position:absolute;right:0;top:42px;width:170px;padding:7px;border:1px solid #dfe8ed;border-radius:13px;background:rgba(255,255,255,.98);box-shadow:0 20px 45px rgba(14,36,54,.15);backdrop-filter:blur(18px)}.cp-popover form{margin:0}.cp-popover button{width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#344e61;text-align:left;font-size:10.5px;cursor:pointer}.cp-popover button:hover,.cp-popover button[aria-current="true"]{background:#edf7f8;color:#087f89}.cp-content{width:min(1480px,100%);margin:0 auto;padding:27px 28px 88px}.cp-mobile-nav{display:none}.cp-backdrop{display:none}
.cp-page-head{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:18px;padding:7px 4px 3px}.cp-page-head::after{content:"";position:absolute;z-index:-1;right:0;top:-74px;width:430px;height:170px;background:radial-gradient(ellipse,rgba(91,182,221,.16),transparent 68%);transform:rotate(-8deg)}.cp-page-head h1{margin:0;color:#0c2038;font-size:clamp(26px,3vw,38px);line-height:1.04;letter-spacing:-.045em;font-weight:760}.cp-page-head p{max-width:720px;margin:7px 0 0;color:var(--cp-muted);font-size:12.5px;line-height:1.55}.cp-eyebrow{display:block;margin-bottom:7px;color:#0c9196;font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cp-head-status{display:flex;align-items:center;gap:9px;min-width:190px;padding:10px 12px;border:1px solid rgba(10,91,96,.09);border-radius:13px;background:rgba(255,255,255,.70);box-shadow:0 6px 24px rgba(15,47,68,.04)}.cp-head-status>div{display:grid}.cp-head-status strong{font-size:10.5px}.cp-head-status small{margin-top:2px;color:#7a8c99;font-size:9.5px}.cp-status-dot{width:9px;height:9px;border-radius:50%;background:#2ecc78;box-shadow:0 0 0 4px rgba(46,204,120,.12)}
.cp-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:13px}.cp-metric-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-metric-card{position:relative;overflow:hidden;min-width:0;min-height:152px;display:flex;flex-direction:column;padding:15px;border:1px solid var(--cp-border);border-radius:17px;background:linear-gradient(165deg,rgba(255,255,255,.97),rgba(251,253,254,.88));box-shadow:var(--cp-shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.cp-metric-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(13,38,61,.11);border-color:rgba(13,69,107,.13)}.cp-metric-card::after{content:"";position:absolute;right:-32px;top:-28px;width:90px;height:90px;border-radius:50%;background:var(--tone,#1479ff);opacity:.075;filter:blur(1px)}.cp-metric-top{display:flex;align-items:center;justify-content:space-between}.cp-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--tone,#1479ff) 12%,white);color:var(--tone,#1479ff);font-size:11px;font-weight:850}.cp-metric-trend{color:var(--tone,#1479ff);font-size:9px}.cp-metric-label{margin-top:13px;color:#4f6475;font-size:10.5px;font-weight:700}.cp-metric-card>strong{margin-top:4px;color:#0d2139;font-size:24px;line-height:1;letter-spacing:-.04em}.cp-mini-bars{height:31px;display:flex;align-items:flex-end;gap:2.5px;margin-top:auto;padding-top:8px}.cp-mini-bars i{width:100%;height:var(--h,40%);min-height:3px;border-radius:2px 2px 1px 1px;background:var(--tone,#1479ff);opacity:.55}.cp-tone-blue{--tone:var(--cp-blue)}.cp-tone-teal{--tone:var(--cp-teal)}.cp-tone-violet{--tone:var(--cp-violet)}.cp-tone-cyan{--tone:var(--cp-cyan)}.cp-tone-rose{--tone:var(--cp-rose)}.cp-tone-amber{--tone:var(--cp-amber)}
.cp-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:13px;margin-top:13px}.cp-dashboard-lower{align-items:start}.cp-panel{min-width:0;border:1px solid var(--cp-border);border-radius:var(--cp-radius);background:var(--cp-panel);box-shadow:var(--cp-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px 12px}.cp-panel-head h2{margin:0;font-size:14px;letter-spacing:-.025em}.cp-panel-head p{margin:4px 0 0;color:var(--cp-muted);font-size:10.5px;line-height:1.45}.cp-panel-head a{color:#1479ff;text-decoration:none;font-size:9.5px;font-weight:750}.cp-chip{flex:0 0 auto;padding:6px 9px;border:1px solid #e0e8ed;border-radius:9px;background:#fbfcfd;color:#586f80;font-size:9px;font-weight:650}.cp-chart-wrap{padding:0 18px 15px}.cp-line-chart{display:block;width:100%;height:215px;overflow:visible}.cp-chart-grid line{stroke:#eaf0f4;stroke-width:1}.cp-chart-line{fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cp-chart-line.signins{stroke:#1479ff}.cp-chart-line.new-users{stroke:#11aaa8}.cp-chart-line.passkeys{stroke:#8358f7}.cp-chart-legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:-6px;color:#6f8392;font-size:9px}.cp-chart-legend span{display:flex;align-items:center;gap:5px}.cp-chart-legend i{width:7px;height:7px;border-radius:50%}.cp-chart-legend .signins{background:#1479ff}.cp-chart-legend .new-users{background:#11aaa8}.cp-chart-legend .passkeys{background:#8358f7}
.cp-account-list{display:grid;padding:0 12px 13px}.cp-account-list a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:7px 5px;border-top:1px solid #edf1f4;color:inherit;text-decoration:none}.cp-account-list a:first-child{border-top:0}.cp-account-list a:hover{background:#f8fbfd;border-radius:10px}.cp-account-list a>span:nth-child(2){display:grid}.cp-account-list strong{font-size:10.5px}.cp-account-list small{margin-top:2px;color:#81919e;font-size:9px}.cp-account-list b{color:#9cacb7;font-size:18px;font-weight:400}.cp-list-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#edf6ff;color:#1479ff;font-size:10px;font-weight:800}.cp-table-wrap{overflow:auto;padding:0 10px 12px}.cp-table{width:100%;border-collapse:collapse;min-width:650px}.cp-table th{padding:9px 10px;color:#7a8b98;font-size:8.5px;font-weight:780;text-align:left;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #e8eef1;white-space:nowrap}.cp-table td{padding:10px;color:#52697a;font-size:9.5px;border-bottom:1px solid #eff3f5;vertical-align:middle}.cp-table tr:last-child td{border-bottom:0}.cp-table tr:hover td{background:#fafcfd}.cp-table strong{color:#233c50;font-weight:700}.cp-table code,.cp-mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:8.5px;overflow-wrap:anywhere}.cp-empty{text-align:center!important;color:#93a0aa!important;padding:28px!important}.cp-install-list{display:grid;padding:0 12px 13px}.cp-install-list>a{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 4px;border-top:1px solid #edf1f4;color:inherit;text-decoration:none}.cp-install-list>a:first-child{border-top:0}.cp-install-list strong{display:block;font-size:10px}.cp-install-list small{display:block;margin-top:2px;color:#81929f;font-size:8.8px}.cp-server-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e9f9f8;color:#0e9998;font-weight:850}.cp-health{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#eaf7ef;color:#248455;font-size:8px;font-weight:780;text-transform:capitalize}.cp-health.degraded,.cp-health.maintenance{background:#fff4e4;color:#a46b1f}.cp-health::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.cp-empty-card{padding:24px;color:#8a9aa6;font-size:10px;text-align:center}.cp-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.cp-quick-grid-large{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.cp-quick-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:13px 15px;border:1px solid var(--cp-border);border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 9px 28px rgba(13,38,61,.055);color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cp-quick-grid>a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(13,38,61,.09)}.cp-quick-grid>a>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#edf6ff;color:#1479ff;font-weight:850}.cp-quick-grid strong{display:block;font-size:10.8px}.cp-quick-grid small{display:block;margin-top:3px;color:#7e8f9c;font-size:9px;line-height:1.4}.cp-quick-grid b{color:#9bacb7;font-size:19px;font-weight:400}
.cp-inline-search{display:flex;align-items:center;gap:7px}.cp-inline-search input{min-width:240px;height:38px;padding:0 11px;border:1px solid #dfe7ec;border-radius:10px;background:rgba(255,255,255,.88);outline:0;font-size:10.5px}.cp-inline-search input:focus{border-color:#95c9f8;box-shadow:0 0 0 3px rgba(20,121,255,.07)}.cp-inline-search button{height:38px;padding:0 12px;border:0;border-radius:10px;background:#0d6de8;color:#fff;font-size:10px;font-weight:750;cursor:pointer}.cp-table-wide{min-width:900px}.cp-value-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef3f6;color:#617584;font-size:8px;font-weight:760;white-space:nowrap}.cp-badge-active,.cp-badge-production,.cp-badge-confidential,.cp-badge-first_party{background:#eaf7ef;color:#248455}.cp-badge-inactive,.cp-badge-revoked,.cp-badge-disabled{background:#f3f5f7;color:#778793}.cp-badge-staging,.cp-badge-pending,.cp-badge-pending_verification{background:#fff4e2;color:#a56c20}.cp-badge-development,.cp-badge-public,.cp-badge-third_party{background:#edf2ff;color:#5565a8}
.cp-event-list{display:grid;padding:0 14px 14px}.cp-event-list>div{display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;padding:9px 4px;border-top:1px solid #edf1f4}.cp-event-list>div:first-child{border-top:0}.cp-event-list strong{display:block;font-size:9.8px}.cp-event-list small{display:block;margin-top:2px;color:#81929f;font-size:8.5px}.cp-event-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#4b95ed}.cp-event-dot.warning{background:#ed9a3e}.cp-event-dot.error,.cp-event-dot.critical{background:#ef5b72}.cp-event-dot.info{background:#11aaa8}
.cp-directory-explainer{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:13px;padding:14px;border:1px solid var(--cp-border);border-radius:17px;background:rgba(255,255,255,.80);box-shadow:var(--cp-shadow)}.cp-directory-explainer>div{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-items:center}.cp-directory-explainer>div>span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eaf8f7;color:#0a8d91;font-size:9px;font-weight:850}.cp-directory-explainer strong{font-size:9.8px}.cp-directory-explainer small{color:#81929f;font-size:8.5px;line-height:1.35}.cp-directory-explainer>i{color:#9cadaf;font-style:normal}.cp-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:13px}.cp-directory-card{display:grid;gap:13px;padding:16px;border:1px solid var(--cp-border);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:var(--cp-shadow)}.cp-directory-card-head,.cp-directory-card-head>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cp-directory-card-head>div{justify-content:flex-start}.cp-directory-card h2{margin:1px 0 0;font-size:13px}.cp-directory-card p{margin:3px 0 0;color:#81929f;font-size:9px}.cp-directory-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.cp-directory-card dl>div{min-width:0;padding:9px;border-radius:11px;background:#f7fafc}.cp-directory-card dt{color:#8a99a5;font-size:7.8px;text-transform:uppercase;letter-spacing:.05em}.cp-directory-card dd{margin:3px 0 0;color:#40596a;font-size:9px;overflow-wrap:anywhere}.cp-directory-card dd code{font-size:7.8px}.cp-directory-url{overflow:hidden;color:#1479ff;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.cp-api-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 17px 17px}.cp-api-grid code{padding:9px 10px;border:1px solid #e6edf1;border-radius:10px;background:#f8fafc;color:#435e70;font-size:8.5px;overflow-wrap:anywhere}.cp-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}.cp-settings-grid article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border:1px solid #e9eef1;border-radius:12px;background:#fbfcfd}.cp-settings-grid article>div{display:grid;min-width:0}.cp-settings-grid strong{font-size:9.6px;overflow-wrap:anywhere}.cp-settings-grid small{margin-top:2px;color:#91a0aa;font-size:8px}.cp-settings-grid code{max-width:48%;padding:5px 7px;border-radius:8px;background:#eef4f7;color:#3d5a6d;font-size:8.5px;overflow-wrap:anywhere;text-align:right}
/* Existing Account/Admin pages inside Control Plane shell */
.cp-layout .account-shell{min-height:0;padding:0;background:transparent}.cp-layout .account-card{width:100%;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.cp-layout .account-topbar{display:none}.cp-layout .account-content{padding:0}.cp-layout .account-hero{margin:7px 4px 18px}.cp-layout .security-card{border-color:var(--cp-border);border-radius:17px;background:rgba(255,255,255,.88);box-shadow:var(--cp-shadow)}.cp-layout .security-card:hover{border-color:rgba(16,78,112,.13)}.cp-layout .account-grid{gap:12px}.cp-layout .section-icon{background:#eaf8f7;color:#0c9296}.cp-layout .primary-button{background:linear-gradient(110deg,#0b4268,#0c9ca0);box-shadow:0 8px 18px rgba(8,106,121,.16)}.cp-layout .secondary-button{background:#edf7f8;color:#075f68}.cp-layout .auth-footer{display:none}.cp-layout .template-list{gap:12px}.cp-layout .oidc-create-card{margin-bottom:13px}.cp-layout .account-hero h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.045em}.cp-layout .account-hero p{font-size:12px}.cp-layout .account-kicker{font-size:9px;letter-spacing:.14em}.cp-layout .security-card-head h2{font-size:14px}.cp-layout .security-card-head p,.cp-layout .security-copy{font-size:10px}.cp-layout .oidc-admin-form label span,.cp-layout .template-editor-form label span{font-size:9px}.cp-layout .oidc-admin-form input,.cp-layout .oidc-admin-form select,.cp-layout .template-editor-form input,.cp-layout .template-editor-form textarea{border-color:#e0e8ed;background:rgba(255,255,255,.92)}.cp-layout .security-item{border-color:#e7edf1;background:#fbfcfd}.cp-layout .security-item strong{font-size:10px}.cp-layout .security-item small{font-size:8.6px}
/* Gentle motion */
.cp-reveal{opacity:0;transform:translateY(7px);transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1)}.cp-reveal.cp-visible{opacity:1;transform:none}.cp-reveal:nth-child(2){transition-delay:.035s}.cp-reveal:nth-child(3){transition-delay:.06s}.cp-reveal:nth-child(4){transition-delay:.085s}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cp-reveal{opacity:1;transform:none}}
@media(max-width:1180px){.cp-layout{grid-template-columns:204px minmax(0,1fr)}.cp-sidebar{padding-inline:10px}.cp-nav-link{font-size:11.5px}.cp-content{padding-inline:20px}.cp-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-metric-card{min-height:138px}.cp-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(275px,.75fr)}.cp-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-api-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cp-layout{display:block}.cp-sidebar{position:fixed;left:0;top:0;width:min(82vw,290px);height:100dvh;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:18px 0 55px rgba(4,20,38,.25)}.cp-layout.sidebar-open .cp-sidebar{transform:none}.cp-backdrop{position:fixed;z-index:35;inset:0;display:block;background:rgba(3,15,27,.35);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.cp-layout.sidebar-open .cp-backdrop{opacity:1;visibility:visible}.cp-topbar{height:62px;padding:0 15px}.cp-icon-button{display:grid;place-items:center}.cp-search{width:min(480px,58vw)}.cp-search kbd{display:none}.cp-content{padding:20px 15px 88px}.cp-dashboard-grid{grid-template-columns:1fr}.cp-quick-grid{grid-template-columns:1fr 1fr}.cp-page-head{gap:15px}.cp-profile>span:last-child{display:none}.cp-directory-explainer{grid-template-columns:1fr}.cp-directory-explainer>i{display:none}.cp-api-grid{grid-template-columns:1fr 1fr}.cp-settings-grid{grid-template-columns:1fr}.cp-layout .account-grid{grid-template-columns:1fr 1fr}.cp-layout .account-content{padding:0}}
@media(max-width:680px){.cp-topbar-actions{gap:5px}.cp-search{width:42vw}.cp-profile{padding:0}.cp-locale-menu summary{padding:0 5px}.cp-locale-menu summary span{display:none}.cp-content{padding:17px 12px 94px}.cp-page-head{display:grid;margin-bottom:14px;padding-inline:2px}.cp-page-head h1{font-size:29px}.cp-page-head p{font-size:11.5px}.cp-head-status{width:max-content;min-width:0}.cp-metric-grid,.cp-metric-grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cp-metric-card{min-height:124px;padding:13px;border-radius:15px}.cp-metric-label{margin-top:9px;font-size:9.5px}.cp-metric-card>strong{font-size:21px}.cp-mini-bars{height:25px}.cp-panel{border-radius:17px}.cp-panel-head{padding:15px 14px 10px}.cp-chart-wrap{padding:0 11px 12px}.cp-line-chart{height:170px}.cp-account-list{padding-inline:9px}.cp-table-wrap{padding-inline:5px}.cp-quick-grid,.cp-quick-grid-large{grid-template-columns:1fr}.cp-inline-search{display:grid;grid-template-columns:1fr auto;width:100%}.cp-inline-search input{min-width:0;width:100%}.cp-directory-grid{grid-template-columns:1fr}.cp-directory-card dl{grid-template-columns:1fr 1fr}.cp-api-grid{grid-template-columns:1fr}.cp-mobile-nav{position:fixed;z-index:32;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);height:62px;padding:5px;border:1px solid rgba(255,255,255,.20);border-radius:18px;background:rgba(6,28,49,.94);box-shadow:0 18px 45px rgba(4,20,38,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.cp-mobile-nav a{display:grid;place-items:center;align-content:center;gap:2px;border-radius:13px;color:rgba(237,247,251,.68);text-decoration:none;font-size:7.2px}.cp-mobile-nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cp-mobile-nav a.active{background:linear-gradient(145deg,rgba(0,165,185,.65),rgba(20,121,255,.36));color:#fff;box-shadow:0 6px 20px rgba(2,167,190,.20)}.cp-layout .account-grid{grid-template-columns:1fr}.cp-layout .account-hero{display:grid}.cp-layout .assurance-pill{min-width:0}.cp-layout .security-card{padding:16px;border-radius:15px}.cp-layout .inline-security-form{grid-template-columns:1fr}.cp-layout .template-list{grid-template-columns:1fr}.cp-layout .oidc-admin-form{grid-template-columns:1fr}.cp-layout .oidc-admin-form .wide{grid-column:auto}.cp-layout .account-hero h1{font-size:28px}}
@media(max-width:420px){.cp-search{width:38vw}.cp-search input::placeholder{color:transparent}.cp-locale-menu{display:none}.cp-directory-card dl{grid-template-columns:1fr}.cp-metric-card{min-height:118px}.cp-metric-icon{width:29px;height:29px}.cp-topbar{padding-inline:10px}.cp-page-head h1{font-size:27px}}

/* NuboCore public home · v0.18 */
.public-home{--ph-navy:#06172b;--ph-blue:#0a3554;--ph-teal:#0b9ea2;--ph-teal-soft:#e9f8f7;--ph-gold:#d8b469;--ph-ink:#112b3f;--ph-muted:#647987;--ph-line:#dfe9ed;max-width:1240px;margin:0 auto;padding:22px 34px 38px;color:var(--ph-ink)}
.public-home::before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 10% 2%,rgba(20,173,175,.14),transparent 30rem),radial-gradient(circle at 92% 28%,rgba(216,180,105,.12),transparent 27rem),linear-gradient(180deg,#f8fbfc 0,#eef5f7 100%)}
.public-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}.public-brand{display:inline-flex;align-items:center}.public-brand img{width:190px;height:auto}.public-nav nav{display:flex;align-items:center;gap:24px}.public-nav nav>a{color:#526a79;font-size:13px;font-weight:650;text-decoration:none;transition:color .18s ease}.public-nav nav>a:hover{color:var(--ph-teal)}.public-nav-login{padding:10px 15px;border:1px solid rgba(7,66,91,.12);border-radius:999px;background:#fff;color:var(--ph-navy)!important;box-shadow:0 6px 18px rgba(12,51,70,.07)}
.public-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:56px;min-height:590px;padding:68px 0 74px}.public-eyebrow,.public-section-label{display:inline-flex;align-items:center;gap:9px;color:#147d82;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.public-eyebrow i{width:8px;height:8px;border-radius:50%;background:#22b97f;box-shadow:0 0 0 5px rgba(34,185,127,.12)}.public-hero h1{max-width:760px;margin:18px 0 20px;color:var(--ph-navy);font-size:clamp(3rem,6vw,5.25rem);font-weight:760;letter-spacing:-.065em;line-height:.97}.public-hero-copy>p{max-width:670px;margin:0;color:var(--ph-muted);font-size:17px;line-height:1.75}.public-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.public-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:13px;font-size:13px;font-weight:780;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.public-button:hover{transform:translateY(-1px)}.public-button.primary{background:linear-gradient(110deg,#07375b,#0c8f97);color:#fff;box-shadow:0 13px 32px rgba(8,92,110,.2)}.public-button.secondary{border:1px solid #cfdee3;background:rgba(255,255,255,.72);color:#27485a}.public-protocol-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.public-protocol-line span{padding:6px 9px;border:1px solid rgba(113,147,160,.17);border-radius:999px;background:rgba(255,255,255,.58);color:#6c818d;font-size:10px;font-weight:700;letter-spacing:.025em}
.public-identity-visual{position:relative;display:grid;place-items:center;min-height:440px}.identity-core{position:relative;z-index:4;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(255,255,255,.65);border-radius:48px;background:linear-gradient(145deg,#071a31,#0b4663);color:#fff;box-shadow:0 30px 70px rgba(5,34,54,.27),inset 0 1px 0 rgba(255,255,255,.12)}.identity-shield{display:grid;place-items:center;width:62px;height:62px;margin-bottom:7px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(145deg,#17afb0,#08797e);font-size:28px;font-weight:900;box-shadow:0 10px 28px rgba(10,169,171,.25)}.identity-core strong{font-size:24px;letter-spacing:-.04em}.identity-core>span{margin-top:-5px;color:#9fdfe0;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.orbit{position:absolute;border:1px solid rgba(55,137,153,.17);border-radius:50%}.orbit-one{width:350px;height:350px}.orbit-two{width:470px;height:470px;border-style:dashed;opacity:.65}.app-node{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 11px 8px 8px;border:1px solid rgba(213,227,232,.9);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 13px 34px rgba(21,58,75,.11);color:#385567;font-size:11px;font-weight:780;backdrop-filter:blur(12px)}.app-node span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf7f7;color:#0b888d;font-size:10px;font-weight:900}.node-one{top:53px;right:1%}.node-two{right:-2%;bottom:67px}.node-three{left:0;bottom:115px}
.public-purpose{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;padding:54px 58px;border:1px solid rgba(220,231,235,.9);border-radius:29px;background:rgba(255,255,255,.74);box-shadow:0 19px 55px rgba(13,54,71,.07);backdrop-filter:blur(15px)}.public-purpose h2,.public-section-heading h2,.trust-copy h2,.public-final-cta h2{margin:10px 0 0;color:var(--ph-navy);font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.05em;line-height:1.08}.public-purpose>p{align-self:end;margin:0;color:var(--ph-muted);font-size:15px;line-height:1.8}
.public-security{padding:95px 0 76px}.public-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:56px;align-items:end;margin-bottom:34px}.public-section-heading p{margin:0;color:var(--ph-muted);font-size:14px;line-height:1.7}.security-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.security-feature-grid article{min-height:220px;padding:23px;border:1px solid var(--ph-line);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 13px 38px rgba(9,43,60,.055);transition:transform .2s ease,box-shadow .2s ease}.security-feature-grid article:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(9,43,60,.09)}.security-feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#eaf9f8,#dceff2);color:#087e84;font-size:14px;font-weight:900}.security-feature-grid h3{margin:21px 0 9px;color:#18384b;font-size:15px}.security-feature-grid p{margin:0;color:#718491;font-size:12px;line-height:1.7}
.public-trust-panel{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:62px;padding:52px 58px;border-radius:30px;background:radial-gradient(circle at 90% 15%,rgba(20,172,177,.18),transparent 18rem),linear-gradient(130deg,#06172b,#0b3450);box-shadow:0 25px 65px rgba(5,30,48,.2);color:#fff}.trust-copy h2{color:#fff}.trust-copy p{max-width:520px;margin:16px 0 0;color:#b7c9d2;font-size:13px;line-height:1.75}.public-trust-panel .public-section-label{color:#7dd5d5}.trust-list{display:grid;gap:11px}.trust-list>div{display:grid;grid-template-columns:31px 1fr;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045)}.trust-list i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(39,196,151,.13);color:#55d6a5;font-style:normal;font-size:12px}.trust-list strong,.trust-list small{display:block}.trust-list strong{font-size:12px}.trust-list small{margin-top:3px;color:#9eb4bf;font-size:10.5px;line-height:1.45}
.public-final-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:74px;padding:44px 50px;border:1px solid rgba(215,227,232,.9);border-radius:28px;background:linear-gradient(120deg,#fff,#f3faf9)}.public-final-cta h2{max-width:720px;font-size:clamp(1.75rem,3vw,2.6rem)}.public-final-cta p{margin:12px 0 0;color:#6d818e;font-size:13px}.public-button.light{flex:0 0 auto;background:#082d48;color:#fff;box-shadow:0 11px 26px rgba(8,45,72,.17)}.public-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:30px 4px 0;color:#81929d;font-size:10px}.public-footer span:nth-child(2){text-align:center}.public-footer a{justify-self:end;color:#6e8794;text-decoration:none}
.auth-page:has(.public-home) .locale-switcher{position:fixed;z-index:20;right:24px;bottom:20px;top:auto;box-shadow:0 9px 28px rgba(8,38,54,.12);backdrop-filter:blur(14px)}
@media(max-width:980px){.public-home{padding-inline:24px}.public-hero{grid-template-columns:1fr;gap:20px;padding-top:64px}.public-identity-visual{min-height:380px}.public-purpose,.public-trust-panel{grid-template-columns:1fr;gap:28px}.public-section-heading{grid-template-columns:1fr;gap:18px}.security-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-home{padding:14px 16px 28px}.public-nav{min-height:58px}.public-brand img{width:150px}.public-nav nav>a:not(.public-nav-login){display:none}.public-nav-login{padding:8px 12px;font-size:11px!important}.public-hero{min-height:auto;padding:64px 0 48px}.public-hero h1{font-size:clamp(2.65rem,14vw,4.1rem)}.public-hero-copy>p{font-size:14px;line-height:1.65}.public-actions{display:grid;grid-template-columns:1fr}.public-button{width:100%}.public-identity-visual{min-height:330px;transform:scale(.9)}.orbit-one{width:310px;height:310px}.orbit-two{width:390px;height:390px}.identity-core{width:165px;height:165px;border-radius:40px}.node-one{right:-4%}.node-two{right:-4%;bottom:48px}.node-three{left:-5%;bottom:92px}.public-purpose,.public-trust-panel{padding:32px 25px;border-radius:23px}.public-security{padding:65px 0 55px}.security-feature-grid{grid-template-columns:1fr}.security-feature-grid article{min-height:0}.public-final-cta{align-items:flex-start;flex-direction:column;margin-top:54px;padding:31px 25px}.public-final-cta .public-button{width:auto}.public-footer{grid-template-columns:1fr;gap:6px;text-align:center}.public-footer span:nth-child(2),.public-footer a{justify-self:center;text-align:center}.auth-page:has(.public-home) .locale-switcher{right:12px;bottom:12px}}

/* Registration */
.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.name-grid>div{display:flex;flex-direction:column;gap:8px}.field-hint{display:block;margin-top:-8px;color:var(--muted);font-size:12px;line-height:1.45}.verification-email{margin-top:14px;padding:12px 14px;border:1px solid rgba(15,159,154,.18);border-radius:12px;background:rgba(15,159,154,.06);word-break:break-word}.button-link{display:flex;text-decoration:none;align-items:center;justify-content:center;box-sizing:border-box}@media(max-width:560px){.name-grid{grid-template-columns:1fr}}