:root{--bg-0: #f6f7fb;--bg-1: rgba(244,246,251,.72);--bg-2: #ffffff;--bg-3: rgba(250,251,254,.78);--line: rgba(98,112,139,.16);--line-strong: rgba(78,91,117,.24);--fg-0: #1d1d1f;--fg-1: #3c3c43;--fg-2: #6e6e73;--fg-3: #8e8e93;--accent: #0a64f4;--accent-press: #0857d6;--accent-tint: #e8f0ff;--ok: #2c8c4f;--warn: #b4751a;--err: #c43927;--glass-blur: saturate(145%) blur(18px);--shadow-sm: 0 0 0 1px var(--line), 0 1px 2px rgba(34,45,70,.04);--shadow-md: 0 1px 2px rgba(34,45,70,.05), 0 7px 18px rgba(34,45,70,.08);--shadow-lg: 0 1px 3px rgba(34,45,70,.06), 0 16px 34px rgba(34,45,70,.12);--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;--sidebar-w: 232px;--header-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg-0);background:#eef2f7;font:13px/1.45 var(--font-ui);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);height:100vh;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#fafcfff5,#f0f5fcd1 34%,#f7f4fcc7 62%,#edf7f7d1),linear-gradient(55deg,rgba(213,224,242,.78),transparent 48%,rgba(208,225,219,.64)),#eef2f7;background-size:220% 220%,180% 180%,100% 100%;animation:macos-background-shift 26s ease-in-out infinite alternate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,rgba(129,164,218,.13),transparent 34%),linear-gradient(225deg,transparent 16%,rgba(169,145,198,.11) 48%,transparent 80%),linear-gradient(315deg,rgba(109,181,174,.1),transparent 42%);opacity:.86}@keyframes macos-background-shift{0%{background-position:0% 22%,12% 0%,0 0}to{background-position:100% 76%,86% 100%,0 0}}.sidebar{min-width:0;display:flex;flex-direction:column;padding:10px;background:linear-gradient(180deg,#ffffffdb,#f6f9fdb3);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--line);box-shadow:inset -1px 0 #ffffff5c}.sidebar-brand{min-height:70px;display:flex;align-items:center;justify-content:center;padding:8px 3px 10px}.sidebar-brand strong,.page-title h1,.hero-card h2,.panel h3,.stat-tile strong{font-family:var(--font-display)}.sidebar-brand span,.page-title span,.panel-head span,.row-card span,.vault-main span,.vault-main em,.empty-state span,.security-list span{color:var(--fg-2)}.brand-glyph{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#0a64f4,#46a6ff);color:#fff;box-shadow:0 8px 20px #0a64f42e,inset 0 1px #ffffff42}.brand-logo{width:205px;max-width:100%;height:auto;aspect-ratio:235 / 76;border-radius:8px;display:block;box-shadow:0 10px 22px #07598521}.brand-wordmark{width:205px;max-width:100%;min-height:68px;display:flex;align-items:center;gap:14px;padding:0 17px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(135deg,#ffffff0f,#fff0 42%),#0d0e10;box-shadow:0 12px 28px #11111124,inset 0 1px #ffffff14}.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #f6f1e7;border-radius:10px;background:transparent;box-shadow:inset 0 0 0 1px #d6b76a29}.brand-mark:before,.brand-mark:after,.brand-mark span,.brand-mark i{content:"";width:22px;height:4px;display:block;border-radius:2px;background:#f6f1e7}.brand-mark{grid-template-rows:repeat(4,4px);align-content:center;gap:4px}.sidebar-brand .brand-name{min-width:0;color:#f8f2e7;font-family:"Bodoni 72",Didot,Georgia,Times New Roman,serif;font-size:28px;font-weight:700;letter-spacing:-.9px;line-height:1}.brand-glyph.large{width:54px;height:54px;margin:0 auto 16px;border-radius:13px}.access-logo{width:58px;height:58px;display:block;margin:0 auto 16px;border-radius:14px;box-shadow:0 12px 26px #0a64f433}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{padding:10px 10px 4px;color:var(--fg-2);font-size:11px;font-weight:650}.nav-item{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:var(--fg-1);padding:6px 9px;cursor:pointer;text-align:left;font-weight:600}.nav-item:hover{background:#ffffff8f}.nav-item.active{background:#ffffffe6;color:var(--fg-0);box-shadow:var(--shadow-sm),inset 0 1px #ffffffc7}.nav-item svg{flex:0 0 auto;color:var(--fg-2)}.nav-item.active svg{color:var(--accent)}.nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item b{margin-left:auto;min-width:18px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:var(--accent-tint);color:var(--accent);font:650 10px/1 var(--font-mono)}.sidebar-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.access-chip{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#ffffff9e}.access-chip div{min-width:0;display:grid;gap:1px}.access-chip span{color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.main{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#ffffff1a}.topbar{height:var(--header-h);flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:0 16px;background:#ffffffa8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--line)}.page-title{min-width:210px;display:flex;flex-direction:column;line-height:1.2}.page-title h1{margin:0;font-size:14px;font-weight:650}.page-title span{font-size:11.5px}.topbar-status{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--fg-2)}.actionbar{min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:6px 16px;background:#ffffffb8;border-bottom:1px solid var(--line);color:var(--fg-2)}.content{flex:1;min-height:0;overflow:auto;padding:14px 16px 16px}.page-command-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#ffffffc2;box-shadow:var(--shadow-sm),inset 0 1px #ffffff9e}.page-command-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.page-command-row strong{font-family:var(--font-display);font-size:18px;line-height:1.1}.page-command-row span{color:var(--fg-2);font-size:12px}.page-command-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.page-stack{display:flex;flex-direction:column;gap:12px}.hero-grid,.dashboard-grid,.split-page,.stat-grid{display:grid;gap:12px}.hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr)}.dashboard-grid,.split-page{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.hero-card,.stat-tile,.property-card,.vault-card{border:1px solid var(--line);border-radius:8px;background:#ffffffd1;box-shadow:var(--shadow-sm),inset 0 1px #ffffff9e}.hero-card{min-height:230px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#e8f0fff5,#ffffffd1 52%,#edf7f7db),#fff}.eyebrow{color:var(--fg-2);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero-card h2{margin:6px 0 7px;font-size:clamp(34px,4vw,58px);line-height:.95}.hero-card p{max-width:620px;margin:0;color:var(--fg-1);font-size:14px}.hero-facts,.tag-row{display:flex;flex-wrap:wrap;gap:7px}.hero-facts{margin-top:16px}.hero-facts span,.tag,.category-chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#ffffffad;color:var(--fg-1);white-space:nowrap}.category-chip{border-color:color-mix(in srgb,var(--chip) 28%,var(--line));background:color-mix(in srgb,var(--chip) 9%,#fff)}.panel{min-width:0;overflow:hidden}.panel-head{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:13px;font-weight:650}.panel-head span{font-size:11.5px}.pressure-list,.stack-list,.security-list{display:grid;gap:8px;padding:12px}.pressure-list div,.meter-row,.row-card,.security-list div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#ffffff9e}.pressure-list strong,.meter-row b{font-family:var(--font-mono)}.stat-tile{min-height:132px;padding:13px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:4px 9px}.stat-icon{grid-row:1 / 4;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--accent-tint);color:var(--accent)}.stat-tile span{color:var(--fg-2);font-size:11px;font-weight:650}.stat-tile strong{min-width:0;overflow-wrap:anywhere;font-size:22px;line-height:1.05}.stat-tile em{color:var(--fg-2);font-style:normal;align-self:end}.tone-ok .stat-icon{background:color-mix(in srgb,var(--ok) 12%,#fff);color:var(--ok)}.tone-warn .stat-icon{background:color-mix(in srgb,var(--warn) 12%,#fff);color:var(--warn)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;padding:8px 10px;color:var(--fg-2);font-size:11px;font-weight:750;background:#f7f9fdd6}td{padding:9px 10px;border-top:1px solid var(--line);color:var(--fg-1);vertical-align:middle}td strong{color:var(--fg-0)}.form-rail{min-width:0;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;align-self:start}.form-panel{padding-bottom:12px}.field,.toggle-row{display:flex;flex-direction:column;gap:6px;padding:0 12px;margin-top:10px}.field span{color:var(--fg-1);font-size:12px;font-weight:650}input,select,textarea{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:7px;background:#ffffffeb;color:var(--fg-0);padding:0 9px;outline:none}textarea{min-height:72px;padding:8px 9px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 62%,var(--line-strong));outline:3px solid color-mix(in srgb,var(--accent) 15%,transparent)}input[type=color]{padding:4px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-grid .field,.field-grid .field:first-child{padding-right:0}.btn,.icon-btn{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);border-radius:6px;background:#ffffffb8;color:var(--fg-1);padding:0 10px;cursor:pointer;font-weight:600;text-decoration:none;white-space:nowrap}.btn:hover,.icon-btn:hover{background:#fff;color:var(--fg-0);border-color:color-mix(in srgb,var(--accent) 22%,var(--line-strong))}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 14px #0a64f42e}.btn-primary:hover{background:var(--accent-press);color:#fff}.form-panel>.btn{margin:12px;width:calc(100% - 24px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#141d2b38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{width:min(620px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 28px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:#fffffff0;box-shadow:var(--shadow-lg),inset 0 1px #ffffffc2}.modal-head{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);background:#f7f9fddb}.modal-head div{min-width:0;display:flex;align-items:center;gap:8px}.modal-head h2{margin:0;font-family:var(--font-display);font-size:14px;font-weight:700}.modal-form{min-height:0;overflow:auto;padding:2px 0 0}.modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px;margin-top:8px;border-top:1px solid var(--line);background:#ffffffe6}.icon-btn{width:30px;padding:0}.danger{color:var(--err)}.property-grid,.vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:12px}.property-card{min-height:132px;padding:12px;display:grid;gap:5px}.property-card svg{color:var(--accent)}.property-card span,.property-card em{color:var(--fg-2);font-style:normal}.allocator{display:grid;gap:7px;padding:10px 12px 0}.allocator label{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:8px}.allocator span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-1);font-weight:600}.vault-card{min-height:142px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:12px}.vault-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent-tint) 80%,#fff);color:var(--accent);font-weight:800}.vault-main{min-width:0;display:grid;gap:4px}.vault-main strong,.vault-main span,.vault-main code,.vault-main em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-main code{width:100%;min-height:28px;display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#f7f9fddb;padding:0 8px;font-family:var(--font-mono)}.vault-actions{display:flex;flex-direction:column;gap:6px}.empty-state{min-height:180px;display:grid;place-items:center;align-content:center;gap:7px;padding:18px;color:var(--fg-2);text-align:center}.empty-state strong{color:var(--fg-0)}.settings-page{display:grid;grid-template-columns:minmax(320px,.45fr) minmax(0,1fr);gap:12px}.toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.toggle-row input{width:46px;height:26px;min-height:auto;accent-color:var(--accent)}.toggle-row strong,.toggle-row em{display:block}.toggle-row em{color:var(--fg-2);font-style:normal}.screen-center,.access-page{min-height:100vh;display:grid;place-items:center}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(29,29,31,.16);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.access-page{padding:28px;background:#eef2f7}.access-window{width:min(100%,430px);padding:32px;text-align:center;border:1px solid var(--line-strong);border-radius:10px;background:#ffffffdb;box-shadow:var(--shadow-lg)}.access-window h1{margin:0;font-size:23px}.access-window p{color:var(--fg-2)}.error-box{margin:14px 0;padding:10px;border:1px solid color-mix(in srgb,var(--err) 25%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--err) 7%,#fff);color:var(--err);text-align:left}.toast-rack{position:fixed;top:12px;right:14px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.toast{width:min(300px,calc(100vw - 32px));min-height:52px;display:grid;gap:3px;padding:9px 12px;border:1px solid rgba(84,98,122,.18);border-radius:10px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px) saturate(155%);backdrop-filter:blur(18px) saturate(155%);box-shadow:0 10px 28px #222d4624}.toast strong{color:var(--fg-0)}.toast span{color:var(--fg-2)}.toast.ok{border-color:color-mix(in srgb,var(--ok) 20%,var(--line))}.toast.err{border-color:color-mix(in srgb,var(--err) 20%,var(--line))}.toast.info{border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.muted{color:var(--fg-2)}body.privacy-blur .stat-tile strong,body.privacy-blur .hero-card h2,body.privacy-blur td:nth-child(5),body.privacy-blur .pressure-list strong{filter:blur(6px);transition:filter .16s ease}body.privacy-blur .stat-tile strong:hover,body.privacy-blur .hero-card h2:hover,body.privacy-blur td:nth-child(5):hover,body.privacy-blur .pressure-list strong:hover{filter:blur(0)}body.compact-mode .content,body.compact-mode .pressure-list,body.compact-mode .stack-list,body.compact-mode .property-grid,body.compact-mode .vault-grid{padding:8px}@media (max-width: 1180px){.hero-grid,.dashboard-grid,.split-page,.stat-grid,.settings-page{grid-template-columns:1fr}.form-rail{position:static}}@media (max-width: 860px){:root{--sidebar-w: 64px}.nav-label,.nav-item span,.nav-item b,.access-chip div{display:none}.sidebar-brand,.nav-item,.access-chip{justify-content:center}.sidebar-brand{min-height:58px;padding:10px 6px}.brand-logo{width:44px;height:44px;object-fit:cover;object-position:left center;border-radius:12px}.brand-wordmark{width:44px;min-height:44px;justify-content:center;padding:0;border-radius:10px}.brand-mark{width:34px;height:34px;border-radius:8px;grid-template-rows:repeat(4,3px);gap:3px}.brand-mark:before,.brand-mark:after,.brand-mark span,.brand-mark i{width:17px;height:3px}.brand-name{display:none}.topbar{min-height:var(--header-h);height:auto;padding:8px 12px}.topbar-status{display:none}.actionbar{justify-content:flex-start;overflow-x:auto;padding:6px 12px}.content{padding:10px}.field-grid,.page-command-row,.vault-card{grid-template-columns:1fr}.page-command-row{align-items:stretch;flex-direction:column}.page-command-actions{justify-content:flex-start}.modal-backdrop{padding:10px;align-items:end}.modal{width:100%;max-height:calc(100vh - 20px);border-radius:10px 10px 0 0}.vault-actions{flex-direction:row}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}