:root{--perf-bg:#eef2f7;--perf-surface:#ffffffe0;--perf-surface-strong:#fff;--perf-border:#0f172a1a;--perf-text:#111827;--perf-muted:#667085;--perf-accent:#1d4ed8;--perf-shadow:0 18px 55px #0f172a17;--vault-bg:#080604;--vault-surface:#17110ce0;--vault-surface-strong:#1f1811f5;--vault-border:#c8960c24;--vault-text:#ead8ab;--vault-muted:#9c8358;--vault-accent:#c8960c;--vault-shadow:0 26px 70px #0000008c}*{box-sizing:border-box}body{background:var(--perf-bg);margin:0;font-family:Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.vault-app{min-height:100vh;transition:background .35s,color .35s}.vault-app.theme-performance{color:var(--perf-text);background:radial-gradient(circle at 0 0,#1d4ed814,#0000 25%),linear-gradient(#f8fafc 0%,#ecf1f7 100%)}.vault-app.theme-vault{color:var(--vault-text);background:radial-gradient(circle at top,#c8960c14,#0000 24%),linear-gradient(#090705 0%,#120d09 100%)}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:16px 24px;display:grid;position:sticky;top:0}.theme-performance .app-header{border-bottom:1px solid var(--perf-border);background:#f8fafcd1}.theme-vault .app-header{background:#080604e0;border-bottom:1px solid #c8960c17}.brand-column{align-items:center;gap:16px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:12px;width:34px;height:34px}.theme-performance .brand-mark{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.theme-vault .brand-mark{background:linear-gradient(135deg,#3a2e1b,#c8960c);box-shadow:inset 0 1px #ffffff26}.brand-lockup p,.brand-lockup strong{margin:0}.brand-lockup p{letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.theme-performance .brand-lockup p{color:var(--perf-muted)}.theme-vault .brand-lockup p{color:#70572d}.brand-lockup strong{font-size:1rem;display:block}.theme-vault .brand-lockup strong{letter-spacing:.14em;font-family:Georgia,serif;font-weight:600}.tenant-pill{border-radius:999px;padding:10px 14px;font-size:.85rem}.theme-performance .tenant-pill{color:var(--perf-accent);background:#1d4ed814}.theme-vault .tenant-pill{color:var(--vault-accent);background:#c8960c1a}.top-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.top-nav button{cursor:pointer;background:0 0;border:none;border-radius:14px;padding:10px 14px;transition:background .2s,color .2s}.theme-performance .top-nav button{color:var(--perf-muted)}.theme-performance .top-nav button.active{color:var(--perf-accent);background:#1d4ed81a}.theme-vault .top-nav button{color:#7d633b}.theme-vault .top-nav button.active{color:var(--vault-accent);background:#c8960c1f}.label-short{display:none}.header-actions{align-items:center;gap:16px;display:flex}.header-center{justify-items:center;gap:10px;display:grid}.primary-nav,.secondary-nav{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.primary-nav button,.secondary-nav button{cursor:pointer;background:0 0;border:none;border-radius:14px;padding:10px 14px;transition:background .2s,color .2s}.theme-performance .primary-nav button,.theme-performance .secondary-nav button{color:var(--perf-muted)}.theme-performance .primary-nav button.active,.theme-performance .secondary-nav button.active{color:var(--perf-accent);background:#1d4ed81a}.theme-vault .primary-nav button,.theme-vault .secondary-nav button{color:#7d633b}.theme-vault .primary-nav button.active,.theme-vault .secondary-nav button.active{color:var(--vault-accent);background:#c8960c1f}.mode-toggle{align-items:center;gap:10px;display:flex}.mode-toggle span,.mode-toggle strong{font-size:.78rem}.theme-performance .mode-toggle span,.theme-performance .mode-toggle strong{color:var(--perf-muted)}.theme-vault .mode-toggle span,.theme-vault .mode-toggle strong{color:#8a7247;letter-spacing:.12em}.mode-toggle-track{cursor:pointer;border:none;border-radius:999px;width:56px;height:30px;padding:4px;position:relative}.theme-performance .mode-toggle-track{background:#dbe4f1}.theme-vault .mode-toggle-track{background:linear-gradient(#3a3020,#1a1510)}.mode-toggle-thumb{border-radius:50%;width:22px;height:22px;transition:transform .25s;display:block}.theme-performance .mode-toggle-thumb{background:#fff;box-shadow:0 1px 4px #0000002e}.theme-vault .mode-toggle-thumb{background:radial-gradient(circle at 35% 35%,#d8ab2a,#8f6506);transform:translate(26px);box-shadow:0 0 10px #c8960c73}.theme-performance .mode-toggle strong{color:var(--perf-text)}.theme-vault .mode-toggle strong{color:var(--vault-accent)}.user-chip{border-radius:16px;align-items:center;gap:10px;padding:7px 10px;display:flex}.theme-performance .user-chip{background:var(--perf-surface);border:1px solid var(--perf-border)}.theme-vault .user-chip{background:#ffffff05;border:1px solid #c8960c1a}.user-chip span{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.theme-performance .user-chip span{color:var(--perf-accent);background:#1d4ed81a}.theme-vault .user-chip span{color:var(--vault-accent);background:linear-gradient(145deg,#2b2116,#17110c)}.user-chip strong,.user-chip small{display:block}.user-chip small{color:inherit;opacity:.72}.app-main{width:min(1280px,100% - 32px);margin:0 auto;padding:28px 0 64px}.workspace-stack,.overview-hero,.overview-panels,.split-panel-grid,.role-grid,.department-grid,.metric-grid,.perf-vault-grid,.vault-door-grid,.rule-columns,.explorer-body,.explorer-grid{gap:18px;display:grid}.overview-hero,.split-panel-grid{grid-template-columns:1.15fr .85fr}.overview-panels,.rule-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.perf-vault-grid,.role-grid,.department-grid,.vault-door-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.surface-panel,.overview-copy,.overview-sidecard,.metric-card,.perf-vault-card,.vault-door-card,.explorer-sidebar,.explorer-main,.explorer-detail{border-radius:28px;transition:background .25s,border-color .25s,box-shadow .25s}.theme-performance .surface-panel,.theme-performance .overview-copy,.theme-performance .overview-sidecard,.theme-performance .metric-card,.theme-performance .perf-vault-card{background:var(--perf-surface);border:1px solid var(--perf-border);box-shadow:var(--perf-shadow)}.theme-vault .surface-panel,.theme-vault .overview-copy,.theme-vault .overview-sidecard,.theme-vault .metric-card,.theme-vault .vault-door-card{background:var(--vault-surface);border:1px solid var(--vault-border);box-shadow:var(--vault-shadow)}.overview-copy,.overview-sidecard,.surface-panel{padding:28px}.eyebrow,.panel-heading p,.workspace-mode-header p,.explorer-title-group p,.explorer-main-head p{text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;font-size:.76rem}.theme-performance .eyebrow,.theme-performance .panel-heading p,.theme-performance .workspace-mode-header p,.theme-performance .explorer-title-group p,.theme-performance .explorer-main-head p{color:var(--perf-muted)}.theme-vault .eyebrow,.theme-vault .panel-heading p,.theme-vault .workspace-mode-header p,.theme-vault .explorer-title-group p,.theme-vault .explorer-main-head p{color:#806538}h1,h2,h3{margin:0;line-height:1.02}h1{font-size:clamp(2.5rem,5vw,4.7rem)}h2{font-size:clamp(1.55rem,3vw,2.4rem)}h3{font-size:1.15rem}.theme-vault h1,.theme-vault h2,.theme-vault h3{letter-spacing:.04em;font-family:Georgia,serif}.lede,.hero-inline-stats,.overview-sidecard p,.signal-list li,.detail-text,.role-card p{line-height:1.7}.theme-performance .lede,.theme-performance .hero-inline-stats,.theme-performance .overview-sidecard p,.theme-performance .signal-list li,.theme-performance .detail-text,.theme-performance .role-card p,.theme-performance .member-copy span,.theme-performance .member-row small,.theme-performance .department-card span,.theme-performance .department-card small,.theme-performance .timeline-row span,.theme-performance .timeline-row small,.theme-performance .share-row span,.theme-performance .share-row small,.theme-performance .explorer-item span,.theme-performance .detail-list dt{color:var(--perf-muted)}.theme-vault .lede,.theme-vault .hero-inline-stats,.theme-vault .overview-sidecard p,.theme-vault .signal-list li,.theme-vault .detail-text,.theme-vault .role-card p,.theme-vault .member-copy span,.theme-vault .member-row small,.theme-vault .department-card span,.theme-vault .department-card small,.theme-vault .timeline-row span,.theme-vault .timeline-row small,.theme-vault .share-row span,.theme-vault .share-row small,.theme-vault .explorer-item span,.theme-vault .detail-list dt{color:var(--vault-muted)}.hero-inline-stats{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-inline-stats span{border-radius:999px;padding:9px 12px}.theme-performance .hero-inline-stats span{background:#ffffffb8}.theme-vault .hero-inline-stats span{background:#ffffff08;border:1px solid #c8960c14}.primary-action,.subtle-action,.ghost-button{cursor:pointer;border:none;transition:transform .2s,opacity .2s,background .2s}.primary-action:hover,.subtle-action:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-action{border-radius:16px;padding:12px 16px;font-weight:700}.theme-performance .primary-action{background:var(--perf-accent);color:#fff}.theme-vault .primary-action{color:var(--vault-accent);background:linear-gradient(#c8960c38,#c8960c1f);border:1px solid #c8960c42}.subtle-action,.ghost-button{border-radius:16px;padding:11px 14px}.theme-performance .subtle-action,.theme-performance .ghost-button{color:var(--perf-accent);background:#1d4ed814}.theme-vault .subtle-action,.theme-vault .ghost-button{color:var(--vault-accent);background:#c8960c14}.ghost-button.danger{color:#dc2626;background:#dc26261f}.theme-vault .ghost-button.danger{color:#d17a7a}.panel-heading{margin-bottom:18px}.mini-vault-list,.signal-list,.member-list,.timeline-list,.share-list,.settings-grid{gap:12px;display:grid}.mini-vault-card,.member-row,.share-row,.timeline-row,.explorer-item{border-radius:18px}.mini-vault-card,.member-row,.share-row,.timeline-row{grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.mini-vault-card{text-align:left;cursor:pointer;border:none}.theme-performance .mini-vault-card,.theme-performance .member-row,.theme-performance .share-row,.theme-performance .timeline-row,.theme-performance .explorer-item{background:#ffffffdb;border:1px solid #0f172a14}.theme-vault .mini-vault-card,.theme-vault .member-row,.theme-vault .share-row,.theme-vault .timeline-row,.theme-vault .explorer-item{background:#ffffff05;border:1px solid #c8960c14}.mini-vault-card strong,.member-copy strong,.share-row strong,.timeline-row strong,.department-card strong,.role-card strong,.explorer-item strong{display:block}.mini-vault-card small{align-self:start}.signal-list{margin:0;padding-left:20px}.member-row{grid-template-columns:auto 1fr auto}.member-avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.theme-performance .member-avatar{color:var(--perf-accent);background:#1d4ed81f}.theme-vault .member-avatar{color:var(--vault-accent);background:linear-gradient(145deg,#2f2418,#18110c)}.department-card,.role-card,.settings-card{border-radius:24px;padding:20px}.theme-performance .department-card,.theme-performance .role-card,.theme-performance .settings-card{background:#ffffffd1;border:1px solid #0f172a14}.theme-vault .department-card,.theme-vault .role-card,.theme-vault .settings-card{background:#ffffff08;border:1px solid #c8960c17}.department-card span,.department-card small,.settings-card span,.settings-card small{margin-top:6px;display:block}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-shell{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #80808024;padding:12px 0}.theme-performance th{color:var(--perf-muted)}.theme-vault th{color:var(--vault-muted)}.chip-grid{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.chip{border-radius:999px;padding:10px 14px;font-size:.92rem;display:inline-flex}.chip-danger{color:#e76f51;background:#e76f5129}.chip-safe{color:#15803d;background:#22c55e24}.timeline-row{grid-template-columns:auto 1fr auto}.timeline-dot{border-radius:50%;width:12px;height:12px}.timeline-dot.success{background:#16a34a}.timeline-dot.denied{background:#dc2626}.share-row span,.share-row small,.timeline-row span,.timeline-row small{display:block}.mode-performance-scene,.mode-vault-scene{padding:8px 0 0}.workspace-mode-header{border-radius:30px;padding:26px 28px}.theme-performance .workspace-mode-header.performance{background:var(--perf-surface);border:1px solid var(--perf-border);box-shadow:var(--perf-shadow)}.theme-vault .workspace-mode-header.vault{box-shadow:var(--vault-shadow);background:linear-gradient(#100c08f5,#090705f5);border:1px solid #c8960c1f}.vault-metric-grid .metric-card-vault{background:#ffffff08}.perf-vault-card,.vault-door-card{text-align:left;padding:22px}.perf-vault-card{cursor:pointer;border:none}.vault-card-top,.vault-card-meta,.vault-card-foot,.vault-door-top,.vault-door-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.vault-card-top{margin-bottom:18px}.vault-icon{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.vault-icon-performance{color:var(--perf-accent);background:#1d4ed814}.vault-card-copy{flex:1}.vault-card-copy span,.vault-card-meta span,.vault-card-foot em{font-style:normal;display:block}.vault-card-foot{margin-top:18px}.vault-card-foot strong{color:inherit}.vault-door-card{background:linear-gradient(160deg,#1a140ff5,#090705f5);gap:16px;display:grid}.vault-door-top span,.vault-door-top small{letter-spacing:.18em;text-transform:uppercase;color:#8b7142;font-size:.74rem}.vault-door-wheel{background:radial-gradient(circle at 35% 35%,#433521,#1a140d 62%);border:2px solid #3d3020;border-radius:50%;width:140px;height:140px;margin:0 auto;position:relative;box-shadow:inset 0 2px 12px #000000a6}.vault-door-wheel:before{content:"";border:1px dashed #c8960c59;border-radius:50%;position:absolute;inset:12px}.vault-door-wheel.is-spinning{animation:.9s linear spin}.wheel-center{background:#c8960c;border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;inset:50%;box-shadow:0 0 14px #c8960c6b}.vault-door-action{color:#c8960c;background:#c8960c14;border:1px solid #c8960c38;border-radius:14px;min-height:46px}.vault-door-action.is-ready{color:#4ade80;background:#22c55e24;border-color:#4ade8040}.explorer-overlay{z-index:60;grid-template-rows:auto auto 1fr;padding:18px;display:grid;position:fixed;inset:0}.explorer-overlay.performance{color:var(--perf-text);background:#f0f5faf7}.explorer-overlay.vault{color:var(--vault-text);background:#060402fa}.explorer-header,.explorer-breadcrumbs{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.performance .explorer-header,.performance .explorer-breadcrumbs,.performance .explorer-sidebar,.performance .explorer-main,.performance .explorer-detail{border:1px solid var(--perf-border);box-shadow:var(--perf-shadow);background:#ffffffd6}.vault .explorer-header,.vault .explorer-breadcrumbs,.vault .explorer-sidebar,.vault .explorer-main,.vault .explorer-detail{box-shadow:var(--vault-shadow);background:#150f0ae0;border:1px solid #c8960c1a}.explorer-title-group{align-items:center;gap:14px;display:flex}.explorer-title-group h2{font-size:1.35rem}.explorer-breadcrumbs{justify-content:flex-start;margin-top:12px;overflow-x:auto}.explorer-breadcrumbs button{cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.performance .explorer-breadcrumbs button{color:var(--perf-muted)}.vault .explorer-breadcrumbs button{color:var(--vault-muted)}.explorer-breadcrumbs button.is-current{font-weight:700}.explorer-body{grid-template-columns:240px 1fr 300px;min-height:0;margin-top:12px}.explorer-sidebar,.explorer-main,.explorer-detail{padding:22px;overflow:auto}.explorer-main-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.explorer-actions{flex-wrap:wrap;gap:10px;display:flex}.tree-node{gap:8px;display:grid}.tree-children{padding-left:14px}.tree-button{text-align:left;cursor:pointer;border:none;border-radius:14px;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;display:flex}.tree-button.performance{color:var(--perf-text);background:#1d4ed80a}.tree-button.performance.active{background:#1d4ed81f}.tree-button.vault{color:var(--vault-text);background:#c8960c0d}.tree-button.vault.active{background:#c8960c21}.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.explorer-item{cursor:pointer;text-align:left;border:none;grid-template-columns:auto 1fr;gap:14px;padding:16px;display:grid}.explorer-item.selected{outline:2px solid #1d4ed829}.vault .explorer-item.selected{outline:2px solid #c8960c2e}.item-icon{border-radius:16px;justify-content:center;align-items:center;min-width:62px;height:52px;font-size:.88rem;font-weight:700;display:inline-flex}.performance .item-icon.folder,.performance .item-icon.file{color:var(--perf-accent);background:#1d4ed814}.vault .item-icon.folder,.vault .item-icon.file{color:var(--vault-accent);background:#c8960c1a}.detail-chip-row{flex-wrap:wrap;gap:10px;display:flex}.detail-chip-row span{border-radius:999px;padding:8px 12px}.performance .detail-chip-row span{background:#1d4ed814}.vault .detail-chip-row span{background:#c8960c14}.detail-stack{gap:16px;display:grid}.detail-list{gap:12px;margin:0;display:grid}.detail-list div{border-bottom:1px solid #80808024;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.detail-list dt,.detail-list dd{margin:0}.detail-actions{flex-direction:column;gap:10px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1180px){.overview-hero,.overview-panels,.split-panel-grid,.explorer-body{grid-template-columns:1fr}.explorer-body{grid-template-rows:auto auto auto}.metric-grid,.perf-vault-grid,.vault-door-grid,.role-grid,.department-grid,.rule-columns,.explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app-header{grid-template-columns:1fr;justify-items:start}.header-actions{flex-wrap:wrap}.header-center{justify-items:start;width:100%}.primary-nav,.secondary-nav{justify-content:flex-start}}@media (width<=720px){.app-main{width:calc(100% - 20px);padding-bottom:32px}.metric-grid,.perf-vault-grid,.vault-door-grid,.role-grid,.department-grid,.settings-grid,.rule-columns,.explorer-grid{grid-template-columns:1fr}.label-full{display:none}.label-short{display:inline}.explorer-overlay{padding:10px}.explorer-header,.explorer-breadcrumbs,.explorer-sidebar,.explorer-main,.explorer-detail,.surface-panel,.overview-copy,.overview-sidecard,.metric-card,.perf-vault-card,.vault-door-card{padding:18px}.explorer-main-head,.explorer-title-group{flex-direction:column;align-items:start}.mode-toggle{flex-wrap:wrap}}