:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f3;--panel:#f8fafc;--panel-strong:#fff;--panel-muted:#eef2f6;--border:#d7dde5;--border-strong:#b7c0cc;--text:#18202a;--muted:#607080;--muted-strong:#465362;--topbar:#111827;--topbar-muted:#9ca3af;--accent:#2563eb;--accent-dark:#1d4ed8;--success:#15803d;--warning:#b45309;--danger:#b91c1c;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Bahnschrift,Aptos,Trebuchet MS,sans-serif;font-weight:400;line-height:1.35}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}code,pre{font-family:Cascadia Code,Consolas,monospace}.console-shell{min-height:100vh}.topbar{z-index:20;color:#f9fafb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111827f7;border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem 1rem;display:grid;position:sticky;top:0}.brand-button{color:inherit;text-align:left;background:0 0;border:0;gap:.1rem;padding:0;display:grid}.brand-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--topbar-muted);font-size:.74rem}.brand-button strong{letter-spacing:0;font-size:1.1rem}.topbar-center{justify-items:center;gap:.15rem;display:grid}.crumb{font-weight:700}.topbar-meta{color:var(--topbar-muted);font-size:.92rem}.topbar-actions{gap:.75rem;display:flex}.console-page{flex-direction:column;gap:.75rem;padding:.85rem 1rem 1.25rem;display:flex}.hero-panel,.section-card,.metric-card,.login-intro,.login-form-panel,.loading-panel{border:1px solid var(--border);border-radius:.5rem;box-shadow:0 8px 22px #11182712}.hero-panel,.section-card,.login-intro,.login-form-panel,.loading-panel{background:var(--panel)}.hero-panel{background:var(--panel-strong);justify-content:space-between;align-items:center;gap:.75rem;min-height:0;padding:.75rem .9rem;display:flex}.user-hero{background:var(--panel-strong)}.hero-panel h1,.section-card h2,.login-intro h1,.login-form-panel h2,.loading-panel h1{letter-spacing:0;margin:0;font-size:1.15rem}.hero-copy,.section-copy,.login-intro p,.loading-panel p,.helper-text,.empty-panel p{color:var(--muted);margin:0}.hero-inline,.badge-row,.hero-actions-row{flex-wrap:wrap;gap:.45rem;display:flex}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.metric-card{background:var(--panel-strong);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .5rem;padding:.55rem .7rem;display:grid}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{letter-spacing:0;grid-row:span 2;font-size:1.4rem}.compact-metric-row{margin-top:.35rem}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;display:grid}.grid-span-half{grid-column:span 6}.grid-span-wide{grid-column:span 8}.grid-span-narrow{grid-column:span 4}.grid-span-full{grid-column:1/-1}.section-card{flex-direction:column;gap:.65rem;padding:.8rem;display:flex}.panel-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .25rem;font-size:.68rem;font-weight:700}.info-dot{border:1px solid var(--border);width:1.35rem;height:1.35rem;color:var(--muted-strong);background:var(--panel-muted);border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.toolbar-row,.split-layout,.log-filter-grid,.meta-grid,.json-grid{gap:.55rem;display:grid}.toolbar-row{grid-template-columns:minmax(0,1fr) minmax(11rem,14rem)}.user-directory-section .toolbar-row{grid-template-columns:minmax(0,1fr) minmax(8.5rem,10rem)}.user-directory-body{flex-direction:column;justify-content:space-between;gap:.65rem;min-height:32rem;display:flex}.split-layout{grid-template-columns:minmax(18rem,24rem) minmax(0,1fr)}.log-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(18rem,auto);align-items:end}.meta-grid,.json-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-stack,.stack-list{flex-direction:column;gap:.55rem;display:flex}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.compact-form{gap:.65rem}.compact-list{gap:.5rem}.field-list{flex-direction:column;gap:.4rem;margin:0;display:flex}.field-list div{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.4rem;display:flex}.field-list dt,.field-list dd{margin:0}.field-list dd{text-align:right}.input-group{flex-direction:column;gap:.25rem;display:flex}.input-group.narrow{max-width:14rem}.input-group span{color:var(--muted-strong);font-size:.78rem;font-weight:650}.input-group input,.input-group select{border:1px solid var(--border-strong);background:var(--panel-strong);min-height:2.15rem;color:var(--text);border-radius:.45rem;padding:.42rem .55rem}.input-group input:focus,.input-group select:focus{border-color:var(--accent);outline:2px solid #2563eb2e}.checkbox-row{align-items:center;gap:.6rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.1rem;padding:.38rem .7rem;font-weight:700;transition:transform .14s,background-color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #1118271f}.button:disabled{cursor:not-allowed;opacity:.65}.button.primary{background:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.secondary{color:#f8fafc;background:#334155}.button.warning{background:var(--warning);color:#fff7ed}.button.ghost{border-color:var(--border-strong);color:inherit;background:0 0}.button.ghost:hover:not(:disabled){background:var(--panel-muted)}.button.danger{background:var(--danger);color:#fff5f5}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;padding:.18rem .45rem;font-size:.66rem;font-weight:700;display:inline-flex}.badge.success{color:var(--success);background:#15803d1f}.badge.warning{color:var(--warning);background:#b4530921}.badge.danger{color:var(--danger);background:#b91c1c1c}.badge.info{color:var(--accent-dark);background:#2563eb1f}.badge.neutral{color:var(--muted-strong);background:#4755691f}.flash-banner{border:1px solid #0000;border-radius:.5rem;padding:.55rem .7rem;font-weight:600}.flash-banner.success{color:var(--success);background:#15803d1f;border-color:#15803d33}.flash-banner.error{color:var(--danger);background:#b91c1c1c;border-color:#b91c1c2e}.flash-banner.info{color:var(--accent-dark);background:#2563eb1a;border-color:#2563eb2e}.user-grid{grid-template-columns:minmax(0,1fr);align-content:start;gap:.5rem;display:grid}.user-tile,.record-card,.service-card,.log-card,.token-panel{border:1px solid var(--border);background:var(--panel-strong);border-radius:.5rem}.user-tile,.record-card{text-align:left}.user-tile,.record-card,.service-card,.log-card,.token-panel{padding:.65rem}.user-tile-head,.record-top{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.user-tile{gap:.32rem;min-height:0;transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s;display:grid}.user-tile-summary{grid-template-columns:minmax(0,1.6fr) minmax(8.5rem,11rem) minmax(8.5rem,10rem) auto;align-items:center;gap:.75rem;display:grid}.user-tile-identity{min-width:0}.user-tile-head{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.user-tile-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.35rem .7rem;display:grid}.user-tile-meta-cell{gap:.1rem;min-width:0;display:grid}.user-tile-meta-cell span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.user-tile-meta-cell strong{color:var(--text);overflow-wrap:anywhere;font-size:.85rem;font-weight:650;line-height:1.2}.user-tile:hover{border-color:var(--accent);background:#f8fbff;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb1a}.user-tile-placeholder{opacity:0;pointer-events:none}.service-card-button{text-align:left;width:100%;transition:border-color .14s,background-color .14s,box-shadow .14s,transform .14s}.service-card-button:hover{border-color:var(--accent);background:#f8fbff;transform:translateY(-1px);box-shadow:0 8px 18px #2563eb1a}.user-tile strong,.service-card strong,.record-card strong{font-size:.95rem}.user-tile p,.service-card p,.record-card p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.82rem}.inline-meta{color:var(--muted);flex-wrap:wrap;gap:.35rem .55rem;font-size:.78rem;display:flex}.record-meta{color:var(--muted);gap:.25rem;font-size:.78rem;display:grid}.provisioning-key-card{gap:.5rem;display:grid;container-type:inline-size}.provisioning-key-summary{grid-template-columns:minmax(8.5rem,1.35fr) minmax(4.5rem,auto) minmax(7.25rem,.8fr) minmax(7.25rem,.8fr) minmax(6.75rem,auto);grid-template-areas:"identity status created expires actions";align-items:center;gap:.35rem .75rem;display:grid}.provisioning-key-identity{grid-area:identity;min-width:0}.provisioning-key-identity p{overflow-wrap:normal}.provisioning-key-status{grid-area:status}.provisioning-key-status .badge{justify-self:start}.provisioning-key-meta-cell{gap:.1rem;min-width:0;display:grid}.provisioning-key-created{grid-area:created}.provisioning-key-expires{grid-area:expires}.provisioning-key-meta-cell span{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.provisioning-key-meta-cell strong{color:var(--text);overflow-wrap:anywhere;font-size:.85rem;font-weight:650;line-height:1.2}.provisioning-key-actions{flex-wrap:nowrap;grid-area:actions;justify-content:flex-end;gap:.35rem;display:flex}.create-user-section .create-user-fields{grid-template-columns:minmax(0,1fr);gap:.7rem}.create-user-section .compact-form{gap:.85rem}.link-hint{color:var(--accent-dark);font-size:.78rem;font-weight:700;display:inline-flex}.record-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.inset-panel{background:var(--panel-muted);border-radius:.5rem;padding:.65rem}.user-lifecycle-panel{gap:.55rem;display:grid}.user-lifecycle-head{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.user-lifecycle-head h3{margin:0;font-size:1rem}.user-lifecycle-actions{flex-wrap:wrap;gap:.45rem;display:flex}.token-panel{background:linear-gradient(145deg, #2563eb14, #0f172a0a), var(--panel-strong);gap:.75rem;display:grid}.integration-guide-panel,.guide-group-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:.5rem}.integration-guide-panel{gap:.65rem;padding:.65rem;display:grid}.guide-grid,.guide-groups,.guide-tail-list{gap:.55rem;display:grid}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-block{gap:.35rem;display:grid}.guide-block span,.guide-group-card strong{color:var(--muted-strong)}.guide-block code,.guide-tail-list code{color:#f8fafc;overflow-wrap:anywhere;background:#111827;border-radius:.5rem;padding:.55rem .65rem;display:block}.guide-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-group-card{gap:.55rem;padding:.65rem;display:grid}.token-panel code{overflow-wrap:anywhere;color:#f8fafc;background:#111827;border-radius:.5rem;padding:.6rem;display:block}.empty-panel{border:1px dashed var(--border-strong);background:var(--panel-muted);border-radius:.5rem;padding:.65rem}.empty-panel strong{margin-bottom:.35rem;display:block}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:48rem}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:.55rem .45rem}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem}.data-table tbody tr:hover{background:#f8fbff}.table-actions{text-align:right}.log-card{gap:.5rem;display:grid}.json-preview{border:1px solid var(--border);background:var(--panel-muted);border-radius:.5rem;padding:.6rem}.json-preview summary{cursor:pointer;font-weight:700}.json-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0}.json-preview.empty{gap:.35rem;display:grid}.state-note{border:1px solid #0000;border-radius:.5rem;padding:.55rem .65rem;font-weight:600}.state-note.warning{color:var(--warning);background:#b453091f;border-color:#b453092e}.state-note.danger{color:var(--danger);background:#b91c1c1a;border-color:#b91c1c2e}.dialog-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1118276b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-card{border:1px solid var(--border);background:var(--panel-strong);border-radius:.5rem;gap:.75rem;width:min(100%,32rem);padding:.9rem;display:grid;box-shadow:0 18px 48px #11182738}.dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.pagination-panel{justify-items:end;gap:.35rem;display:grid}.pagination-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.page-indicator{color:var(--muted-strong);font-weight:700}.login-screen,.loading-screen{gap:.75rem;min-height:100vh;padding:1rem;display:grid}.login-screen{grid-template-columns:minmax(0,1.15fr) minmax(20rem,30rem)}.login-intro,.login-form-panel,.loading-panel{padding:1rem}.login-intro{background:var(--panel-strong)}.loading-screen{place-items:center}.loading-panel{max-width:34rem}@media (width<=1180px){.page-grid,.metric-row,.toolbar-row,.form-grid-two,.split-layout,.log-filter-grid,.guide-grid,.guide-groups,.meta-grid,.json-grid,.user-grid,.login-screen{grid-template-columns:minmax(0,1fr)}.grid-span-half,.grid-span-wide,.grid-span-narrow,.grid-span-full{grid-column:1/-1}}@media (width<=900px){.topbar{grid-template-columns:minmax(0,1fr);justify-items:start}.topbar-center{justify-items:start}}@media (width<=640px){.console-page,.topbar,.login-screen,.loading-screen{padding:.75rem}.hero-panel{flex-direction:column;align-items:flex-start}.user-tile-summary{grid-template-columns:minmax(0,1fr)}.provisioning-key-actions{justify-content:flex-start}.user-tile-head,.record-top,.panel-head,.field-list div{flex-direction:column;align-items:stretch}.user-tile-meta-grid{grid-template-columns:minmax(0,1fr)}.field-list dd{text-align:left}}@container (width<=36rem){.provisioning-key-summary{grid-template-columns:minmax(0,1fr) auto minmax(6.75rem,auto);grid-template-areas:"identity status actions""created expires actions"}.provisioning-key-actions{align-self:center}}@container (width<=28rem){.provisioning-key-summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity status""created expires""actions actions"}.provisioning-key-actions{justify-content:flex-start}}
