:root{color-scheme:light;font-family:Roboto,Segoe UI,Arial,sans-serif;--font-family-base: "Roboto", "Segoe UI", Arial, sans-serif;--font-family-display: "Google Sans", "Roboto", "Segoe UI", Arial, sans-serif;--color-bg-canvas: #f3f6fc;--color-bg-surface: #ffffff;--color-bg-muted: #f8fafe;--color-border: #dce3ee;--color-border-strong: #c4d0df;--color-text-main: #202124;--color-text-muted: #5f6368;--color-text-soft: #7d8797;--color-primary: #1a73e8;--color-primary-hover: #1765cc;--color-primary-soft: #e8f0fe;--color-success: #1e8e3e;--color-warning: #f29900;--color-danger: #d93025;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(32, 33, 36, .12);--shadow-md: 0 8px 20px rgba(26, 43, 74, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(26,115,232,.09),transparent 34%),var(--color-bg-canvas);color:var(--color-text-main)}button,input,textarea,select{font:inherit;color:inherit}:where(button,input,textarea,select):focus-visible{outline:2px solid rgba(26,115,232,.44);outline-offset:1px}a{color:inherit;text-decoration:none}button{cursor:pointer}.auth-layout,.public-layout,.auth-shell,.app-shell,.landing-shell{min-height:100vh}.eyebrow,.field span,.section-heading span,.status-text{margin:0;font-size:.74rem;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft)}.lead{margin:0;color:var(--color-text-muted);line-height:1.65}.primary-button,.ghost-button,.pill-button,.workspace-nav button,.top-tab,.workspace-list-item,.journey-item{transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.primary-button,.ghost-button,.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:10px 14px;border:1px solid transparent;font-weight:500}.primary-button{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 1px 2px #1a73e859}.primary-button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button--small,.ghost-button--small{font-size:.88rem;border-radius:10px;padding:7px 11px}.primary-button--danger{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 1px 2px #d9302547}.primary-button--danger:hover{background:#bb2a21;border-color:#bb2a21}.ghost-button,.pill-button{color:#1f3860;border-color:var(--color-border-strong);background:#fff}.ghost-button:hover,.pill-button:hover,.workspace-nav button:hover,.workspace-list-item:hover,.journey-item:hover,.top-tab:hover{transform:translateY(-1px);border-color:#a7bcd9;box-shadow:0 4px 10px #13386617}.ghost-button:disabled,.pill-button:disabled{cursor:not-allowed;opacity:.56;transform:none;box-shadow:none}.pill-button{border-radius:999px;background:#f9fbff}.inline-error{margin:0;color:var(--color-danger);font-size:.88rem}.field{display:grid;gap:6px}.field-hint{color:var(--color-text-soft);line-height:1.45}.field input,.field textarea,.member-controls input,.action-context select,.data-table input,.key-pem-preview textarea{width:100%;border:1px solid var(--color-border-strong);border-radius:10px;background:#fff;color:var(--color-text-main);padding:10px 12px}.field textarea,.key-pem-preview textarea{resize:vertical}.field input:focus,.field textarea:focus,.action-context select:focus,.data-table input:focus,.key-pem-preview textarea:focus{border-color:#8db4f9;box-shadow:0 0 0 3px #1a73e821;outline:0}.card,.inline-panel,.alert,.stat-card,.list-row,.member-row,.journey-item,.workspace-list-item,.overview-card,.key-card,.action-bar,.data-state,.data-table-wrap,.dialog,.toast,.topbar,.landing-hero,.landing-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.card,.inline-panel,.alert,.stat-card,.list-row,.member-row,.overview-card,.key-card,.landing-card{padding:var(--space-4)}.stack-form,.workspace-form,.list-stack,.member-list,.summary-list,.journey-list,.sidebar-section,.workspace-nav,.workspace-meta,.key-list,.key-meta,.key-pem-preview,.action-context{display:grid;gap:var(--space-3)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:10px 0;border-bottom:1px solid #e8eef7}.summary-row:last-child{border-bottom:0;padding-bottom:0}.summary-row span{color:var(--color-text-muted)}.section-heading,.member-head,.row-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-heading h3,.card h3,.sidebar h2,.dialog h3,.key-card__head h4{margin:0}.section-copy,.list-row p,.member-head p,.empty-state,.page-header-copy,.data-table td p{margin:4px 0 0;color:var(--color-text-muted);line-height:1.5}.section-actions,.manager-actions,.key-inline-actions,.dialog-actions,.action-bar__actions,.action-bar__context,.landing-actions,.landing-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.alert--error{border-color:#d9302542;background:#d9302514;color:#8f201a}.alert--info{border-color:#1a73e847;background:#e8f0fedb;color:#164c99}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:5px 10px;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.badge--success{color:#176b31;background:#1e8e3e1f;border-color:#1e8e3e33}.badge--warning{color:#8a5900;background:#f299001f;border-color:#f2990038}.badge--muted{color:#55606f;background:#5f63681f;border-color:#5f636833}.badge--danger{color:#a4231b;background:#d930251a;border-color:#d9302538}.data-state{display:grid;gap:var(--space-2)}.data-state strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#465873}.data-state p{margin:0}.data-state--error{border-color:#d9302540;background:#ffeeecdb}.data-table-wrap{overflow:auto;border-radius:var(--radius-md)}.data-table{width:100%;min-width:700px;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid #e7edf7;text-align:left;vertical-align:top}.data-table th{font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#5a6472;background:#f8fafe}.data-table tbody tr:hover{background:#1a73e80a}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#141f2d61}.dialog{width:min(520px,100%);display:grid;gap:var(--space-3);padding:20px;box-shadow:var(--shadow-md)}.dialog p{margin:0;color:var(--color-text-muted)}.toast-stack{position:fixed;right:14px;bottom:14px;z-index:25;display:grid;gap:8px;width:min(360px,calc(100vw - 20px))}.toast{padding:10px 12px}.toast--success{border-color:#1e8e3e47;background:#edf8f0f5}.toast--error{border-color:#d9302547;background:#fff1f0fa}.toast--info{border-color:#1a73e842;background:#e8f0fef0}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--color-bg-canvas)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);padding:20px 14px;border-right:1px solid var(--color-border);background:#fff}.sidebar h2{margin-top:4px;font-family:var(--font-family-display);font-size:1.2rem;line-height:1.2}.sidebar-copy{margin:6px 0 0;color:var(--color-text-muted);line-height:1.45}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.metric-grid article{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted)}.metric-grid strong,.stat-card strong{display:block;font-family:var(--font-family-display);font-size:1.18rem}.metric-grid span,.stat-card span{color:var(--color-text-muted)}.workspace-nav button{width:100%;text-align:left;padding:12px;border:1px solid var(--color-border);border-radius:11px;background:#fff}.workspace-nav button span{display:block;margin-top:4px;color:var(--color-text-muted);font-size:.86rem}.workspace-nav button.is-active{border-color:#8db4f9;background:var(--color-primary-soft)}.dashboard{display:grid;align-content:start;gap:var(--space-4);padding:20px 24px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 12px;position:sticky;top:12px;z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6}.breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.breadcrumb-item{font-size:.84rem;color:var(--color-text-muted)}.breadcrumb-item--active{color:#1b2d47;font-weight:500}.breadcrumb-sep{color:#99a4b5}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-header h1{margin:4px 0 0;font-family:var(--font-family-display);font-weight:500;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2}.status-text{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(26,115,232,.24);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.action-bar{justify-content:space-between;align-items:end;gap:var(--space-3);padding:12px}.action-context span{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.action-context select{min-width:250px;background:#fff}.top-tabs{display:flex;flex-wrap:wrap;gap:8px}.top-tab{padding:8px 12px;border-radius:999px;border:1px solid var(--color-border-strong);background:#fff;color:#2b4262;font-weight:500}.top-tab.is-active{border-color:#95b7f4;background:var(--color-primary-soft);color:#164c99}.overview-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:var(--space-3)}.overview-card{padding:14px}.overview-card p,.overview-card span{margin:0}.overview-card p{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft)}.overview-card strong{display:block;margin:10px 0 6px;font-family:var(--font-family-display);font-size:1.1rem;line-height:1.3}.overview-card span{color:var(--color-text-muted);line-height:1.45}.overview-card--accent{border-color:#8fb5f8;background:linear-gradient(140deg,#1a73e8,#0f63ce);color:#fff}.overview-card--accent p,.overview-card--accent span{color:#ffffffd1}.card-grid{display:grid;gap:var(--space-4)}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-item,.workspace-list-item{display:block;text-align:left;padding:12px;color:inherit}.journey-item strong{display:block;margin-bottom:4px;font-size:.98rem}.journey-item span,.workspace-list-item span{color:var(--color-text-muted);line-height:1.45}.workspace-list-item{width:100%}.workspace-list-item.is-active{border-color:#8bb2f9;background:#eef4ff}.workspace-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:var(--space-4)}.workspace-meta{align-content:start}.stat-card{border-radius:var(--radius-md)}.workspace-key-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:var(--space-4);align-items:start}.key-card{border-radius:var(--radius-md);background:#fbfdff}.key-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.key-card__head h4{margin-top:6px;font-size:1.05rem}.key-inline-actions,.key-pem-preview{margin-top:12px}.key-pem-preview code{display:block;overflow-wrap:anywhere;padding:10px 12px;border:1px solid #d7e3f7;border-radius:10px;background:#edf3ff;color:#183a65;font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:.84rem}.member-controls{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.toggle-row{display:inline-flex;align-items:center;gap:8px}.toggle-row--compact{white-space:nowrap}.landing-shell{display:grid;grid-template-rows:auto 1fr;gap:20px;padding:26px 30px 30px}.landing-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.landing-brand{margin:0;font-family:var(--font-family-display);font-size:1rem;letter-spacing:.02em}.landing-main{display:grid;gap:18px;align-content:center}.landing-hero{padding:clamp(24px,4.2vw,36px);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff,#f8fbff)}.landing-hero h1,.auth-hero h1{margin:8px 0 10px;font-family:var(--font-family-display);font-weight:500;font-size:clamp(1.95rem,4.6vw,3.2rem);line-height:1.08}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.landing-card{border-radius:var(--radius-md)}.landing-card h3{margin:0 0 8px}.landing-card p{margin:0;color:var(--color-text-muted);line-height:1.5}.auth-shell{display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(110deg,#eef4ff,#f6f9ff 42%,#fff 42%,#fff)}.auth-hero,.auth-card,.sidebar,.dashboard{padding:28px}.auth-hero{display:flex;flex-direction:column;justify-content:center;gap:14px}.auth-card{display:grid;align-content:center;gap:16px;background:#ffffffd1}.hero-list{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--color-text-muted)}.tabs{display:inline-flex;width:fit-content;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:999px;background:#fff}.tabs button,.workspace-nav button,.ghost-button,.pill-button,.top-tab,.workspace-list-item{border:0;background:transparent}.tabs button{padding:8px 14px;border-radius:999px;color:var(--color-text-muted)}.tabs button.is-active{background:var(--color-primary-soft);color:#164c99}.inline-panel{border-radius:var(--radius-md)}.pill-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.core-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.core-node-grid--single{grid-template-columns:1fr}.core-node-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);padding:var(--space-4)}.core-node-message{margin:14px 0 0;color:var(--color-text-muted);line-height:1.5}@media (max-width: 1180px){.app-shell,.auth-shell,.card-grid--two,.workspace-layout,.workspace-key-layout,.core-node-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}.action-bar{flex-direction:column;align-items:stretch}.action-context select{min-width:0;width:100%}}@media (max-width: 720px){.landing-shell,.auth-hero,.auth-card,.sidebar,.dashboard{padding:18px}.landing-topbar{display:grid;gap:10px}.landing-actions,.landing-cta{justify-content:flex-start}.page-header,.topbar,.section-heading,.member-head,.row-actions,.member-controls{display:grid;grid-template-columns:1fr;align-items:stretch}.topbar{top:0}.status-text{justify-self:start}.metric-grid{grid-template-columns:1fr}.data-table{min-width:600px}}