:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4efe6;--bg-strong:#e9e0d0;--surface:#ffffffe6;--surface-strong:#fff;--surface-muted:#f5f1ea;--line:#222c381f;--line-strong:#222c3838;--text:#17212b;--text-soft:#5b6775;--text-faint:#768394;--accent:#0e6a74;--accent-strong:#0a5058;--accent-soft:#0e6a741f;--success:#20745a;--warning:#b26c12;--danger:#b33c3c;--danger-soft:#b33c3c1f;--shadow-lg:0 24px 80px #19222d1f;--shadow-md:0 18px 42px #19222d14;--shadow-sm:0 10px 24px #19222d0d;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#db886d42,#0000 28%),radial-gradient(circle at 100% 0,#0e6a7438,#0000 34%),linear-gradient(#f8f5ee 0%,#f1eadf 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.screen{min-height:100vh}.auth-shell{grid-template-columns:minmax(320px,460px) minmax(320px,1fr);gap:28px;min-height:100vh;padding:32px;display:grid}.auth-panel,.auth-hero,.shell-sidebar,.shell-panel,.card,.data-table,.toast,.banner,.empty-state,.stat-card,.list-card,.form-panel,.activity-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.auth-hero{border-radius:var(--radius-xl);flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0e6a742e,#0000 68%);height:320px;position:absolute;inset:auto -10% -20% 20%}.auth-panel{border-radius:var(--radius-xl);padding:32px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:#0e6a7417;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-title,.page-title{letter-spacing:-.04em;margin:0}.hero-title{max-width:12ch;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.96}.hero-copy,.page-description,.muted,.field-hint{color:var(--text-soft)}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hero-grid .list-card{min-height:140px}.brand-mark{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;letter-spacing:.06em;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:inline-flex}.stack{flex-direction:column;gap:18px;display:flex}.auth-tabs{background:var(--surface-muted);border-radius:999px;gap:10px;padding:6px;display:inline-flex}.auth-tab,.ghost-button,.nav-link,.chip,.status-badge,.inline-pill,.table-pill,.quick-link{border-radius:999px}.auth-tab{color:var(--text-soft);background:0 0;border:none;padding:10px 16px;transition:all .16s}.auth-tab.is-active{color:var(--text);box-shadow:var(--shadow-sm);background:#fff}.form-grid{gap:14px;display:grid}.form-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text-soft);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffffd9;padding:12px 14px;transition:border-color .14s,box-shadow .14s,transform .14s}.field textarea{resize:vertical;min-height:132px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0e6a7461;outline:none;box-shadow:0 0 0 4px #0e6a741f}.field input:disabled,.field select:disabled,.field textarea:disabled,.button:disabled{opacity:.58;cursor:not-allowed}.button-row,.page-actions,.toolbar,.inline-row,.status-row,.meta-row,.card-header,.shell-topbar,.shell-masthead,.table-toolbar{align-items:center;gap:12px;display:flex}.button-row,.table-toolbar,.toolbar{flex-wrap:wrap}.button{border:none;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 18px 32px #0a50583d}.button-secondary,.ghost-button,.quick-link{border:1px solid var(--line);color:var(--text);background:#ffffffc2}.button-danger{color:#fff;background:linear-gradient(135deg,#b33c3c,#942b2b);box-shadow:0 18px 32px #942b2b38}.ghost-button,.quick-link{padding:10px 14px}.auth-note,.inline-note,.banner{border-radius:var(--radius-md);padding:14px 16px}.auth-note{color:var(--accent-strong);background:#0e6a7414}.auth-note-inline{margin-top:14px}.banner{background:#fff8e8e0;justify-content:space-between;gap:16px;display:flex}.banner.error{background:var(--danger-soft)}.banner.banner-subtle{background:#ffffffbd}.shell{grid-template-columns:292px minmax(0,1fr);gap:22px;min-height:100vh;padding:20px;display:grid}.shell-sidebar{border-radius:28px;flex-direction:column;gap:24px;padding:22px;display:flex}.shell-panel{border-radius:28px;min-width:0;padding:24px}.shell-brand{align-items:center;gap:14px;display:flex}.shell-brand h1,.shell-brand p,.card-header h3,.card-header p,.section-header h2,.section-header p,.page-hero p,.page-hero h1{margin:0}.nav-list{gap:8px;display:grid}.nav-link{color:var(--text-soft);justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s,color .15s,transform .15s;display:flex}.nav-link.is-active{color:var(--accent-strong);background:#0e6a741a;transform:translate(2px)}.nav-link.is-disabled{cursor:not-allowed;opacity:.74;background:#17212b0a}.nav-link:hover{background:#17212b0a}.nav-link.is-disabled:hover{transform:none}.sidebar-footer,.sidebar-section,.page-stack,.grid,.shell-summary-grid,.card-grid,.metrics-grid,.dashboard-grid{gap:18px;display:grid}.shell-topbar{justify-content:space-between;margin-bottom:20px}.shell-masthead{flex-wrap:wrap;justify-content:space-between;margin-bottom:22px}.environment-badge,.inline-pill,.chip,.status-badge,.table-pill{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.environment-badge{color:#fff;background:linear-gradient(135deg,#243746,#17212b)}.chip{color:var(--text-soft);background:#17212b0f}.status-badge[data-status=available],.table-pill[data-status=active],.table-pill[data-status=enabled],.table-pill[data-status=success]{color:var(--success);background:#20745a1f}.status-badge[data-status=pending],.table-pill[data-status=pending],.table-pill[data-status=warning]{color:var(--warning);background:#b26c121f}.status-badge[data-status=error],.table-pill[data-status=suspended],.table-pill[data-status=disabled],.table-pill[data-status=danger]{color:var(--danger);background:#b33c3c1f}.inline-pill{color:var(--accent-strong);background:#0e6a7414}.card,.stat-card,.list-card,.form-panel,.data-table,.activity-card,.empty-state{border-radius:22px;padding:20px}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:#0e6a7414;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-40px}.stat-value{letter-spacing:-.04em;margin:12px 0 6px;font-size:clamp(2rem,4vw,2.9rem);line-height:1}.stat-caption,.stat-meta,.table-caption,.empty-state p,.list-card p,.metric-item p,.detail-list p{color:var(--text-soft);margin:0}.metrics-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-summary-grid{flex-wrap:wrap;gap:10px;display:flex}.compact-card{min-height:auto}.compact-card p,.compact-card strong{margin:0}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.dashboard-grid.dashboard-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.metric-list,.detail-list,.empty-list,.status-list{gap:14px;display:grid}.metric-item,.detail-item,.status-item{border-bottom:1px solid #222c3814;justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.metric-item:last-child,.detail-item:last-child,.status-item:last-child{border-bottom:none;padding-bottom:0}.metric-item strong,.detail-item strong,.status-item strong,.table-value,.list-card h3,.card-header h3{color:var(--text)}.status-item{align-items:flex-start}.status-item small,.detail-item small,.list-card small,.support-note{color:var(--text-faint)}.data-table{overflow:hidden}.data-table table{border-collapse:collapse;width:100%}.data-table thead th{text-transform:uppercase;letter-spacing:.08em;text-align:left;color:var(--text-faint);border-bottom:1px solid #222c381a;padding:14px 16px;font-size:12px}.data-table tbody td{vertical-align:top;border-bottom:1px solid #222c3814;padding:16px}.data-table tbody tr{transition:background .14s}.data-table tbody tr.is-selected{background:#0e6a7414}.data-table tbody tr:hover{background:#17212b08}.data-table tbody tr:last-child td{border-bottom:none}.table-secondary{color:var(--text-faint);margin-top:4px;display:block}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.page-stack{gap:24px}.page-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{font-size:clamp(2rem,4vw,3.2rem)}.page-description{max-width:70ch;margin-top:10px}.toast-viewport{z-index:40;gap:12px;display:grid;position:fixed;top:18px;right:18px}.toast{border-radius:18px;min-width:min(360px,100vw - 32px);padding:16px 18px}.toast strong,.toast p{margin:0}.toast p{color:var(--text-soft);margin-top:4px}.toast[data-tone=success]{border-color:#20745a42}.toast[data-tone=error]{border-color:#b33c3c3d}.toast[data-tone=warning]{border-color:#b26c123d}.empty-state{background:linear-gradient(#ffffffdb,#f5f1eae0);gap:12px;display:grid}.empty-state strong,.empty-state h3{margin:0}.spinner{border:2px solid #0e6a742e;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.loading-row{color:var(--text-soft);align-items:center;gap:10px;display:inline-flex}.footnote{color:var(--text-faint);font-size:12px}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.support-summary{gap:12px;display:grid}.support-summary .status-item{padding:14px 0}.aligned-end{align-items:flex-end}.secret-catalog-grid,.diff-grid,.factor-grid{gap:12px;display:grid}.secret-catalog-grid,.factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factor-card{gap:10px}.taxonomy-stack{gap:8px;display:grid}.taxonomy-inline{flex-wrap:wrap;gap:8px}.checkbox-row{color:var(--text-soft);align-items:center;gap:10px;font-weight:600;display:inline-flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.code-block{color:#f6f2ea;white-space:pre-wrap;word-break:break-word;background:#101c25eb;border:1px solid #17212b14;border-radius:16px;margin:0;padding:14px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.grow{flex:1}.audit-toolbar{align-items:flex-end}.search-field{min-width:min(280px,100%)}.inline-field{min-width:160px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.auth-shell,.shell,.dashboard-grid,.metrics-grid,.shell-summary-grid,.card-grid,.form-grid.columns-2,.form-grid.columns-3,.secret-catalog-grid,.diff-grid,.factor-grid,.dashboard-grid.dashboard-grid-wide{grid-template-columns:1fr}.shell{padding:14px}.shell-sidebar,.shell-panel,.auth-panel,.auth-hero{border-radius:24px}}@media (width<=760px){.auth-shell,.shell{gap:12px;padding:12px}.auth-panel,.auth-hero,.shell-sidebar,.shell-panel,.card,.data-table,.stat-card,.list-card,.form-panel,.activity-card,.empty-state{padding:16px}.shell-topbar,.shell-masthead,.page-hero,.section-header,.card-header,.status-item,.metric-item,.detail-item,.banner{flex-direction:column;align-items:flex-start}.auth-tabs{justify-content:stretch;width:100%}.auth-tab{flex:1}.hero-grid{grid-template-columns:1fr}.data-table{overflow-x:auto}}