:root{color:#18201f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f7f9f8;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:76px 1fr;min-height:100vh;display:grid}.rail{background:#fff;border-right:1px solid #dde5e2;flex-direction:column;align-items:center;gap:32px;padding:22px 12px;display:flex}.brand-mark{color:#fff;background:#163832;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.rail nav{gap:12px;display:grid}.rail-item{color:#60706b;border:1px solid #0000;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.rail-item.active,.rail-item:hover{color:#0d7968;background:#edf7f4;border-color:#bbd5cd}.workspace{padding:34px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}h1,h2,p{margin:0}h1{font-size:clamp(32px,4vw,52px);line-height:1}h2{margin-top:16px;font-size:26px;line-height:1.1}.topbar p,.lead{color:#60706b;line-height:1.6}.topbar p{max-width:680px;margin-top:10px}.status{color:#41504c;text-align:center;background:#fff;border:1px solid #d9e1de;border-radius:999px;min-width:142px;padding:10px 14px;font-size:14px;font-weight:700}.status.working{color:#8a5b00;border-color:#f1cf86}.status.ok{color:#0d7968;border-color:#93d4c7}.status.error{color:#a43d2f;border-color:#efb1a8}.mock-strip{background:#fff;border:1px solid #dde5e2;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin-bottom:18px;padding:14px;display:grid;box-shadow:0 12px 36px #1638320d}.mock-strip div{gap:4px;display:grid}.mock-strip span{color:#60706b;text-transform:uppercase;font-size:12px;font-weight:800}.mock-strip strong{overflow-wrap:anywhere;color:#18201f}.workbench-grid{grid-template-columns:minmax(280px,.9fr) minmax(300px,1fr) minmax(320px,1fr);gap:18px;display:grid}.panel{background:#fff;border:1px solid #dde5e2;border-radius:8px;padding:26px;box-shadow:0 18px 60px #16383212}.auth-panel{min-height:640px}.sync-panel{grid-column:1/-1}.export-panel{grid-column:2/4}.section-icon{color:#0d7968;background:#e6f5f1;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.section-icon.amber{color:#9b6500;background:#fff4dc}.lead{margin-top:12px}label{color:#41504c;gap:8px;margin-top:22px;font-size:14px;font-weight:700;display:grid}input[type=text],input:not([type]),select,textarea{color:#18201f;border:1px solid #cdd8d4;border-radius:8px;outline:none;width:100%;padding:13px 14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#0d7968;box-shadow:0 0 0 3px #0d796824}.button-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}button{color:#fff;cursor:pointer;background:#163832;border:1px solid #163832;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}button.secondary{color:#163832;background:#fff;border-color:#cdd8d4}button.danger{color:#a43d2f;border-color:#efb1a8}button.compact{white-space:nowrap;align-self:center;min-height:40px}button:disabled{cursor:wait;opacity:.7}.button-link{color:#fff;background:#163832;border:1px solid #163832;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.button-link.secondary{color:#163832;background:#fff;border-color:#cdd8d4}.button-link.compact{white-space:nowrap;align-self:center;min-height:40px}.message{color:#41504c;background:#f7f9f8;border:1px solid #dde5e2;border-radius:8px;margin-top:22px;padding:14px;line-height:1.5}.check-list{margin-top:24px}.compact-list{margin-top:18px}.toggle-row{border:1px solid #e4ebe8;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:13px;font-weight:700;display:flex}.toggle-row input{accent-color:#0d7968;width:18px;height:18px}.vault-state{border-radius:8px;align-items:center;gap:10px;margin-top:24px;padding:15px;font-weight:800;display:flex}.vault-state.locked{color:#8a5b00;background:#fff4dc}.vault-state.unlocked{color:#0d7968;background:#e6f5f1}.recovery-kit-card{background:#f7f9f8;border:1px solid #dde5e2;border-radius:8px;gap:12px;margin-top:18px;padding:14px;display:grid}.recovery-kit-card>div:first-child{gap:4px;display:grid}.recovery-kit-card strong{color:#18201f}.recovery-kit-card span{color:#60706b;font-size:13px;line-height:1.45}.recovery-kit-card label{margin-top:0}.recovery-kit-card textarea{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.recovery-kit-actions{flex-wrap:wrap;gap:10px;display:flex}.sync-rows{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.sync-row{color:#60706b;border:1px solid #e4ebe8;border-radius:8px;gap:8px;min-height:132px;padding:16px;display:grid}.row-icon{color:#0d7968;background:#edf7f4;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.sync-row strong{color:#18201f;line-height:1.35}.gap-list{gap:10px;margin-top:22px;display:grid}.gap-row{color:#41504c;border:1px solid #e4ebe8;border-radius:8px;gap:10px;padding:12px;display:flex}.gap-row svg{color:#0d7968;flex:none;margin-top:2px}.gap-row.missing svg{color:#a43d2f}.gap-row div{gap:4px;display:grid}.gap-row strong{color:#18201f;font-size:13px}.gap-row span{color:#60706b;font-size:12px;line-height:1.45}.vault-list{gap:10px;margin-top:22px;display:grid}.vault-row{color:#18201f;text-align:left;background:#fff;border-color:#e4ebe8;grid-template-columns:82px 1fr;justify-items:start;min-height:76px;display:grid}.vault-row.selected,.vault-row:hover{background:#edf7f4;border-color:#93d4c7}.item-type{color:#60706b;text-transform:uppercase;background:#f7f9f8;border-radius:8px;grid-row:span 2;padding:6px 8px;font-size:11px;font-weight:900}.item-title{align-self:end;font-size:14px;font-weight:900}.item-scope{color:#60706b;font-size:12px;font-weight:700}.detail-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.detail-meta span{color:#60706b;border:1px solid #e4ebe8;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800}.redacted-preview,.export-preview{color:#d8ebe6;white-space:pre-wrap;background:#0f1816;border:1px solid #dde5e2;border-radius:8px;max-width:100%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;overflow:auto}.redacted-preview{min-height:118px;margin:18px 0 0;padding:14px}.export-preview{height:298px;margin:18px 0 0;padding:16px}.queue-list{gap:8px;margin-top:18px;display:grid}.queue-row{border:1px solid #e4ebe8;border-radius:8px;grid-template-columns:74px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.queue-row span{color:#60706b;font-size:12px;font-weight:900}.queue-row code{color:#18201f;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:hidden}.sync-conflict{background:#fff;border:1px solid #dde5e2;border-radius:8px;gap:14px;margin-top:18px;padding:16px;display:grid}.sync-conflict.ok{border-color:#93d4c7}.sync-conflict.error{border-color:#efb1a8}.sync-conflict-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.sync-conflict-header>div,.sync-conflict-body,.sync-conflict-summary{gap:4px;display:grid}.sync-conflict-header strong,.sync-conflict-summary strong{color:#18201f}.sync-conflict-header span,.sync-conflict-summary span,.sync-conflict-empty{color:#60706b;font-size:13px;line-height:1.45}.sync-conflict-body{gap:12px}.sync-conflict-list{gap:8px;display:grid}.sync-conflict-row{background:#f7f9f8;border:1px solid #e4ebe8;border-radius:8px;grid-template-columns:96px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.sync-conflict-row span{color:#60706b;font-size:12px;font-weight:900}.sync-conflict-row code{color:#18201f;text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:hidden}.local-vault-form{background:#fff;border:1px solid #dde5e2;border-radius:8px;gap:14px;margin-top:18px;padding:16px;display:grid}.local-vault-form>div:first-child{gap:4px;display:grid}.local-vault-form strong{color:#18201f}.local-vault-form span{color:#60706b;font-size:13px;line-height:1.45}.local-vault-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.local-vault-fields label{margin-top:0}.local-vault-body{grid-column:1/-1}.local-vault-actions{flex-wrap:wrap;gap:10px;display:flex}.handoff-action{background:#f7f9f8;border:1px solid #dde5e2;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) auto;align-items:center;gap:16px;margin-top:18px;padding:16px;display:grid}.handoff-action.ok{background:#edf7f4;border-color:#93d4c7}.handoff-action.error{background:#fff6f4;border-color:#efb1a8}.handoff-action div{gap:4px;display:grid}.handoff-action strong{color:#18201f}.handoff-action span{color:#60706b;font-size:13px;line-height:1.45}.handoff-action .trusted-device-controls{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.handoff-vaults{gap:8px;display:grid}.handoff-vault-toggle{background:#fff;border:1px solid #e4ebe8;border-radius:8px;align-items:center;gap:10px;margin-top:0;padding:10px 12px;display:flex}.handoff-vault-toggle input{accent-color:#0d7968;flex:none;width:18px;height:18px}.handoff-vault-toggle span{gap:2px;display:grid}.handoff-vault-toggle small{color:#60706b;font-size:12px}.handoff-grant{border-top:1px solid #d7e3df;grid-column:1/-1;padding-top:14px}.handoff-grant dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.handoff-grant dt{color:#60706b;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.handoff-grant dd{color:#18201f;overflow-wrap:anywhere;margin:2px 0 0;font-size:12px}.handoff-grant button{justify-self:start}.audit-trail{background:#fff;border:1px solid #dde5e2;border-radius:8px;gap:14px;margin-top:18px;padding:16px;display:grid}.audit-trail.ok{border-color:#93d4c7}.audit-trail.error{border-color:#efb1a8}.audit-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.audit-header>div{gap:4px;display:grid}.audit-header strong{color:#18201f}.audit-header span,.audit-empty,.audit-count{color:#60706b;font-size:13px;line-height:1.45}.audit-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.audit-controls label{margin-top:0}.audit-count{font-weight:800}.audit-list{gap:10px;display:grid}.audit-row{background:#f7f9f8;border:1px solid #e4ebe8;border-radius:8px;grid-template-columns:48px minmax(180px,1fr) minmax(170px,auto);align-items:center;gap:8px 12px;padding:12px;display:grid}.audit-row span,.audit-row small{color:#60706b;font-size:12px;font-weight:800}.audit-row strong{color:#18201f;font-size:13px}.audit-row div{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.audit-row code{color:#0d7968;background:#e6f5f1;border-radius:8px;padding:5px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:800}@media (width<=900px){.app-shell{grid-template-columns:1fr}.rail{border-bottom:1px solid #dde5e2;border-right:0;flex-direction:row;justify-content:space-between}.rail nav{display:flex}.workspace{padding:22px}.topbar,.mock-strip,.workbench-grid{grid-template-columns:1fr}.topbar{display:grid}.sync-rows{grid-template-columns:1fr}.export-panel,.sync-panel{grid-column:auto}.auth-panel{min-height:auto}.vault-row{grid-template-columns:74px 1fr}.handoff-action,.handoff-grant dl{grid-template-columns:1fr}.audit-header{flex-direction:column;align-items:stretch}.audit-controls{grid-template-columns:1fr}.sync-conflict-header{flex-direction:column;align-items:stretch}.sync-conflict-row,.audit-row{grid-template-columns:1fr}.audit-row div{grid-column:auto}.local-vault-fields{grid-template-columns:1fr}}