:root{color:#18211f;background:#f4f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;color:var(--hosted-text, #18211f);background:var(--hosted-background, #f4f7f3);font-family:var(--hosted-font-family, inherit)}.sidebar{display:flex;flex-direction:column;gap:28px;padding:24px;color:#f6fbf8;background:var(--hosted-primary, #163f3d)}.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-mark,.domain-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:var(--hosted-primary, #163f3d);background:var(--hosted-background, #d2f5c8);font-weight:800;letter-spacing:0}.brand-title,.bootstrap-heading{font-size:18px;font-weight:800}.brand-subtitle,.status-detail,.readiness-row span,.credential-row span,.table-row span,.panel p{color:#60706b}.brand-subtitle,.status-title,.status-detail{font-size:13px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;color:#dfece7;text-decoration:none}.nav-item span{line-height:1.2}.nav-item.active,.nav-item:hover{color:#163f3d;background:#d2f5c8}.sidebar-status,.sidebar-account{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin-top:auto;padding:12px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px}.sidebar-status .status-detail,.sidebar-account .status-detail{overflow:hidden;color:#c8d8d3;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:10px;height:10px;margin-top:4px;border-radius:999px;background:#85e89d}.sidebar-logout{width:100%;border-color:#ffffff2e}.sidebar-error{padding:10px 12px;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;color:#ffe3e3;background:#7a2f2f52;font-size:13px;line-height:1.35}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#163f3d;background:#d2f5c8;font-size:13px;font-weight:800}.main-surface{padding:40px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1160px}.page-header{display:flex;grid-column:1 / -1;align-items:start;justify-content:space-between;gap:24px}.page-header.narrow{max-width:820px}.back-link,.text-link{display:inline-flex;align-items:center;gap:6px;color:#2a6f68;font-size:13px;font-weight:750;text-decoration:none}.back-link{margin-bottom:12px}.back-link:hover,.text-link:hover{text-decoration:underline}.domain-local-nav{display:flex;grid-column:1 / -1;gap:6px;align-items:center;overflow-x:auto;padding:6px;border:1px solid #dbe5df;border-radius:8px;background:#ffffffad}.domain-local-link{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:7px;color:#395550;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.domain-local-link.active,.domain-local-link:hover{color:#fff;background:#163f3d}.eyebrow{margin:0 0 8px;color:#2a6f68;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:12px;font-size:42px;line-height:1.05;letter-spacing:0}h2{margin-bottom:6px;font-size:18px;letter-spacing:0}.lede{max-width:720px;margin-bottom:0;color:#50635d;font-size:17px;line-height:1.55}.lede.compact{font-size:15px}.muted{color:#60706b}.metric-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric-card,.panel,.login-card{border:1px solid #dbe5df;border-radius:8px;background:#fff;box-shadow:0 1px 2px #163f3d0f}.metric-card{display:grid;gap:8px;min-height:128px;padding:18px}.metric-label{color:#60706b;font-size:13px}.metric-card strong{font-size:24px;overflow-wrap:anywhere}.metric-icon,.credential-icon{width:28px;height:28px;color:#bd6b2a}.panel{padding:20px}.panel.wide{grid-column:1 / -1}.dashboard-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel.two-column{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px}.applications-zero-state{display:grid;justify-items:start;gap:10px;max-width:560px;margin:0 auto;padding:48px 32px;text-align:left}.applications-zero-state-icon{width:40px;height:40px;padding:10px;border-radius:10px;color:#163f3d;background:#d2f5c8}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.histogram{display:grid;grid-template-columns:repeat(30,minmax(3px,1fr));align-items:end;gap:4px;height:160px;padding-top:8px}.histogram-bar,.histogram-stack{align-self:end;min-height:6px;border-radius:4px 4px 0 0;background:#2a6f68}.histogram-stack{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:transparent}.histogram-stack-users{background:#2a6f68}.histogram-stack-credentials{background:#bd6b2a}.histogram-axis{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#60706b;font-size:12px}.readiness-list,.credential-list,.table,.theme-list{display:grid;gap:10px}.readiness-row,.credential-row,.table-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:58px;padding:12px;border:1px solid #e5ece8;border-radius:8px}.table-row{grid-template-columns:minmax(0,1fr) auto auto}.table-row-link,.table-row-button{color:inherit;text-align:left;text-decoration:none}.table-row-button{width:100%;border-color:#e5ece8;background:#fff;cursor:pointer;font:inherit}.table-row-link:hover,.table-row-button:hover{border-color:#bfd6ce;background:#f7fbf8}.credential-row.credential-action-row{grid-template-columns:auto minmax(0,1fr) auto auto}.device-setup-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid #e5ece8;border-radius:8px}.device-setup-grid div{display:grid;gap:6px}.device-setup-qr{width:180px;height:180px;border:1px solid #dbe5df;border-radius:8px;background:#fff}.readiness-row div,.credential-row div,.table-row div{display:grid;gap:3px}.icon{width:18px;height:18px;flex:0 0 auto}.spin{animation:spin .9s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:750}.button:disabled{cursor:not-allowed;opacity:.58}.button.primary{color:#fff;background:#163f3d}.button.secondary{color:#163f3d;border-color:#bfd6ce;background:#eef8f0}.button.ghost{color:#2f554f;background:transparent}.button.danger{color:#7a2f2f;border-color:#f0b9b6;background:#ffe8e6}.full-width{width:100%}.pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#173f3b;background:#dff4ea;font-size:12px;font-weight:750;white-space:nowrap}.pill.subtle{color:#60533f;background:#f6ead8}.pill.success{color:#173f3b;background:#dff4ea}.pill.warning{color:#5c471f;background:#fff1cc}.pill.danger{color:#7a2f2f;background:#ffe0df}.login-preview{display:grid;place-items:center;min-height:calc(100vh - 80px);padding:24px;color:var(--hosted-text, #18211f);background:var(--hosted-background, transparent);font-family:var(--hosted-font-family, inherit)}.login-card{width:min(100%,420px);padding:28px;border-color:var(--hosted-border, #dbe5df);border-radius:var(--hosted-card-radius, 8px);background:var(--hosted-card, #ffffff)}.domain-mark{margin-bottom:18px;color:var(--hosted-mark-text, #ffffff);background:var(--hosted-mark, #2a6f68)}.surface-brand{margin:0 0 8px;color:var(--hosted-primary, #2a6f68);font-size:13px;font-weight:800;letter-spacing:0}.login-card .lede{color:var(--hosted-muted, #50635d)}.login-card .button.primary{background:var(--hosted-primary, #163f3d)}.login-card .button.secondary{color:var(--hosted-primary, #163f3d);border-color:var(--hosted-border, #bfd6ce);background:var(--hosted-background, #eef8f0)}.login-card .input{border-color:var(--hosted-border, #ccd8d2);border-radius:var(--hosted-control-radius, 8px)}.login-recovery-actions{display:grid;gap:10px;margin-top:10px}.recovery-panel{display:grid;gap:12px;padding:12px;border:1px solid #dbe5df;border-radius:8px;background:#f8fbf9}.recovery-panel>div:first-child{display:grid;gap:3px}.oidc-ceremony-shell{display:grid;gap:12px}.oidc-mode-switch-link{margin:0;text-align:center}.oidc-mode-switch-link button{border:0;background:transparent;color:var(--hosted-primary, #2a6f68);font-size:13px;font-weight:700;cursor:pointer}.oidc-mode-switch-link button:hover{text-decoration:underline}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:20px 0;color:#70817c;font-size:12px}.divider:before,.divider:after{height:1px;background:#e1e8e4;content:""}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:20px 0;padding:4px;border:1px solid #dbe5df;border-radius:8px;background:#f4f7f3}.mode-switch button{min-height:36px;border:0;border-radius:6px;color:#52625e;background:transparent;cursor:pointer;font-weight:750}.mode-switch button.active{color:#163f3d;background:#fff;box-shadow:0 1px 2px #163f3d14}.field-stack{display:grid;gap:8px;margin-bottom:14px}.label{color:#344642;font-size:13px;font-weight:750}.field-hint{color:#60706b;font-size:12px;line-height:1.35}.input,.select{width:100%;min-height:40px;padding:0 12px;border:1px solid #ccd8d2;border-radius:8px;color:#17221f;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact .field-stack{margin-bottom:0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.form-error{margin:0 0 14px;padding:10px 12px;border:1px solid #e0bbbb;border-radius:8px;color:#7a2f2f;background:#fff5f5;font-size:13px}.form-note{margin:0 0 14px;padding:10px 12px;border:1px solid #c9ddd4;border-radius:8px;color:#2f554f;background:#f1f8f4;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0c16146b}.modal-panel{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 22px 70px #0c161442}[data-field]{display:grid;gap:6px}[data-field][data-dirty] input,[data-field][data-dirty] select{border-color:#bd6b2a;box-shadow:0 0 0 3px #bd6b2a1f}[data-field][data-error] input,[data-field][data-error] select{border-color:#a43e3e}.button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel-heading .button-row,.button-row.user-actions,.button-row.launch-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.host-status-stack,.swatch-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.swatch-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid #dbe5df;border-radius:999px;color:#395550;background:#fff;font-size:12px;font-weight:700;white-space:nowrap}.swatch-dot{width:12px;height:12px;border:1px solid rgb(0 0 0 / 18%);border-radius:999px}.table-row.domain-row{grid-template-columns:minmax(0,1fr) auto minmax(220px,auto)}.table-row.host-row{grid-template-columns:minmax(0,1fr) minmax(180px,auto) auto}.table-row.user-row{grid-template-columns:minmax(0,1fr) auto auto}.table-row.user-row .button-row.user-actions{grid-column:1 / -1;justify-content:flex-end}.user-edit-row{align-items:end}.table-row.applications-row{grid-template-columns:minmax(0,1.4fr) minmax(180px,auto) auto minmax(90px,auto)}.applications-name-cell{display:grid;gap:3px}.applications-name-cell span{color:#60706b;font-size:13px}.applications-client-id{display:flex;align-items:center;gap:8px;justify-content:flex-end}.applications-client-id code{color:#395550;font-size:13px}.applications-created{color:#60706b;font-size:13px;text-align:right;white-space:nowrap}.applications-scope-pills{display:flex;flex-wrap:wrap;gap:8px}.wizard fieldset{margin:0 0 26px;padding:0;border:0}.wizard fieldset:last-of-type{margin-bottom:4px}.wizard legend{margin-bottom:2px;padding:0;font-size:15px;font-weight:700}.wizard .f{display:block;margin:14px 0 4px;font-size:13px}.wizard .hint{margin:2px 0 12px;color:#60706b;font-size:13px}.wizard .keyrow{display:flex;align-items:baseline;gap:6px;margin-top:7px;color:#60706b;font-size:12.5px}.wizard .keyrow code{padding:1px 6px;border-radius:5px;background:#eef4ec;font-size:12px}.wizard .keyrow a{color:#2a6f68;text-decoration:none}.seg{display:inline-flex;margin-top:2px;border:1px solid #c8d6cd;border-radius:9px;overflow:hidden}.seg>div{padding:8px 14px;color:#60706b;background:#fff;font-size:13.5px;cursor:pointer}.seg>div.on{color:#fff;background:#163f3d;font-weight:700}.urirow{display:flex;gap:8px;margin-bottom:8px}.addlink{color:#2a6f68;font-size:13px;font-weight:600;text-decoration:none}.radio{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;padding:13px 14px;border:1px solid #e5ece8;border-radius:10px;background:#fff}.radio.on{border-color:#163f3d;background:#f2f8f0}.radio.disabled{opacity:.55}.radio input{margin-top:3px}.radio .t{font-size:14px;font-weight:700}.radio .d{margin-top:2px;color:#60706b;font-size:13px}.nest{margin:14px 0 4px 26px;padding-left:16px;border-left:2px solid #e5ece8}.hostinput{display:flex;align-items:center;max-width:420px}.hostinput input{border-radius:8px 0 0 8px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.hostinput .suffix{padding:9px 12px;border:1px solid #c8d6cd;border-left:0;border-radius:0 8px 8px 0;color:#60706b;background:#eef4ec;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;white-space:nowrap}.avail{margin-top:6px;color:#2e7d4f;font-size:12.5px}.check{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;font-size:14px}.check input{margin-top:3px}.check .d{margin-top:2px;color:#60706b;font-size:12.5px}.toggles{margin-top:18px;padding:15px 16px;border:1px solid #e5ece8;border-radius:10px;background:#f7f9f6}.toggles .cap{margin-bottom:10px;color:#60706b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tog{display:flex;align-items:flex-start;gap:12px;padding:8px 0;cursor:pointer}.sw{position:relative;flex:0 0 34px;height:20px;border-radius:10px;background:#c8d6cd}.sw.on{background:#163f3d}.sw:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}.sw.on:after{right:2px;left:auto}.tog .t{font-size:14px;font-weight:600}.tog .d{margin-top:1px;color:#60706b;font-size:12.5px}.wizard .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e5ece8}h2.done{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:19px}.doneok{color:#2e7d4f}.cfg{position:relative;margin-top:4px;padding:15px 16px;border-radius:10px;color:#dce9e3;background:#10201d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-x:auto}.cfg .k{color:#8fd6c4}.cfg .button{position:absolute;top:10px;right:12px;min-height:26px;padding:0 9px;font-size:11.5px}.pkce{margin-top:14px;padding:9px 12px;border:1px solid #c2e2b6;border-radius:8px;color:#2e7d4f;background:#e3f3dc;font-size:13px}.pkce code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.note{margin-top:10px;color:#60706b;font-size:13px}.note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.testrow{display:flex;align-items:center;gap:12px;margin-top:16px}.testnote{color:#60706b;font-size:12.5px}.theme-editor{display:grid;gap:16px;padding:12px;border:1px solid #e5ece8;border-radius:8px}.theme-manual-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr) auto;gap:14px;align-items:end;min-height:82px}.theme-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.theme-preview div{display:grid;gap:3px}.theme-preview span:not(.theme-mark){color:#60706b;font-size:13px}.theme-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;font-weight:800;letter-spacing:0}.theme-fields{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(72px,.6fr) repeat(3,minmax(116px,1fr));gap:12px;align-items:end}.theme-fields .field-stack,.color-field{margin-bottom:0}.style-import-panel{display:grid;gap:12px;padding-top:14px;border-top:1px solid #edf2ef}.style-import-panel>div:first-child{display:grid;gap:3px}.style-import-panel>div:first-child span,.style-import-empty,.style-import-row span:not(.pill){color:#60706b;font-size:13px}.style-import-controls{display:grid;gap:6px}.style-import-controls>div{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center}.style-import-list{display:grid;gap:8px}.style-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.style-import-row>div{display:grid;gap:3px;min-width:0}.style-import-row strong,.style-import-row span:not(.pill){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-control{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;min-height:40px}.color-control input{width:40px;height:40px;padding:0;border:1px solid #ccd8d2;border-radius:8px;background:#fff}.color-control span{color:#60706b;font-size:12px;font-variant-numeric:tabular-nums}.bootstrap-screen{display:grid;place-items:center;min-height:100vh;padding:24px;background:#f4f7f3}.bootstrap-panel{display:grid;gap:14px;width:min(100%,460px);margin-top:16px;padding:24px;border:1px solid #dbe5df;border-radius:8px;background:#fff}.inline-status,.bootstrap-error{display:flex;gap:10px;align-items:center;color:#596b66}.bootstrap-error{display:grid;align-items:start;color:#7a2f2f}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){.app-shell,.page-grid,.metric-grid{grid-template-columns:1fr}.sidebar{position:static}.main-surface{padding:24px}.page-header,.dashboard-banner{display:grid}h1{font-size:34px}.button-row,.form-grid,.theme-editor,.theme-manual-form,.theme-fields,.style-import-controls>div,.style-import-row,.device-setup-grid,.credential-row.credential-action-row,.table-row,.table-row.user-row,.table-row.applications-row{grid-template-columns:1fr}}