:root{color:#18202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mode-day{--page-bg: #f5f7f8;--panel-bg: #ffffff;--panel-border: #dce4e7;--text: #18202a;--muted: #52646c;--row-border: #edf1f2;--soft-button-bg: #e7eff0;--soft-button-text: #0b2a4a}.mode-night{--page-bg: #111820;--panel-bg: #18232d;--panel-border: #2a3946;--text: #eef5f6;--muted: #a8bac2;--row-border: #263541;--soft-button-bg: #253544;--soft-button-text: #eef5f6}body{margin:0}button{border:0;border-radius:6px;background:#12635c;color:#fff;font:inherit;font-weight:700;padding:10px 14px}.secondary-button{background:var(--soft-button-bg);color:var(--soft-button-text)}.app-shell{background:var(--page-bg);color:var(--text);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar-bg);color:#fff;padding:24px}.sidebar h1{font-size:22px;margin:0 0 28px}.sidebar nav{display:grid;gap:8px}.sidebar a{border-radius:6px;color:#dce9ea;padding:10px 12px;text-decoration:none}.sidebar a:hover{background:var(--sidebar-hover)}.theme-picker{margin-top:28px}.theme-picker p{color:#b9ced6;font-size:12px;font-weight:700;margin:0 0 10px;text-transform:uppercase}.theme-options{display:grid;gap:8px}.custom-color-field,.hex-color-field{align-items:center;color:#dce9ea;display:flex;gap:8px;margin-top:8px;width:100%}.custom-color-field span,.hex-color-field span{font-size:12px;font-weight:700}.custom-color-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:999px;height:34px;padding:2px;width:44px}.hex-color-field input{background:#ffffff1f;border:1px solid rgba(255,255,255,.32);border-radius:6px;color:#fff;font:inherit;min-width:0;padding:7px 8px;width:92px}.workspace{padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.mode-toggle{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;display:flex;gap:4px;padding:4px}.mode-toggle .secondary-button{padding:8px 10px}.mode-toggle .secondary-button[aria-pressed=true]{background:var(--accent);color:#fff}.topbar h2,.detail-panel h2,.utility-row h2{margin:0}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}.content-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.vault-list,.detail-panel,.utility-row>div{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px}.vault-row{align-items:center;border-bottom:1px solid var(--row-border);display:flex;justify-content:space-between;padding:16px}.vault-row:last-child{border-bottom:0}.vault-row h3{font-size:16px;margin:0 0 4px}.vault-row p,.utility-row p{color:var(--muted);margin:0}.vault-row span{color:var(--accent);font-size:13px;font-weight:700}.detail-panel{padding:18px}.detail-panel dl{display:grid;gap:8px}.detail-panel dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.detail-panel dd{margin:0 0 10px}.utility-row{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.utility-row>div{padding:18px}@media(max-width:820px){.app-shell,.content-grid,.utility-row{grid-template-columns:1fr}.sidebar{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}}