:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172031;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;padding:.72rem 1rem;background:#185ddc;color:#fff;font-weight:700;cursor:pointer}button:hover:not(:disabled){background:#104bb8}button:disabled{cursor:not-allowed;opacity:.55}button.ghost{background:#e7edf6;color:#263851}button.danger{background:#b8293d}input,textarea,select{width:100%;border:1px solid #c9d3e1;border-radius:9px;background:#fff;color:#172031;padding:.72rem}textarea{min-height:7rem;resize:vertical}label{display:grid;gap:.42rem;color:#40506a;font-size:.9rem;font-weight:650}form{display:grid;gap:1rem}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.35rem;letter-spacing:-.035em}h2{letter-spacing:-.025em}.muted{color:#66758c;line-height:1.55}.eyebrow{margin-bottom:.35rem;color:#547094;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.centered{display:grid;min-height:100vh;place-items:center;padding:2rem;background:radial-gradient(circle at top,#fbfdff 0,#e9eff7 60%)}.auth-card{width:min(100%,31rem);border:1px solid #d8e0eb;border-radius:22px;background:#fffffff5;box-shadow:0 22px 65px #1e375a21;padding:2.25rem}.app-shell{max-width:1500px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.top-actions,.split-actions,.inline-input{display:flex;align-items:center;gap:.65rem}.inline-input input{flex:1}.status-pill{border:1px solid #b8d9c4;border-radius:999px;background:#eaf8ef;color:#1b6b3a;padding:.45rem .8rem;font-size:.76rem;font-weight:800}.tabs{display:flex;gap:.45rem;margin-bottom:1rem}.tabs button{background:transparent;color:#4c5e77;text-transform:capitalize}.tabs button.active{background:#172b4d;color:#fff}.panel{border:1px solid #d7e0eb;border-radius:16px;background:#fff;box-shadow:0 8px 24px #192d4c0f;padding:1.2rem}.workspace{display:grid;grid-template-columns:260px minmax(320px,.95fr) minmax(360px,1.15fr);gap:1rem;align-items:start}.sidebar{display:grid;gap:1rem}.counts{display:flex;justify-content:space-between;color:#64748b;font-size:.78rem}.record-column,.detail{min-height:640px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.record-list{display:grid;gap:.45rem}.record-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f5f7fa;color:#24344c;text-align:left}.record-row.selected{background:#dfeaff;outline:2px solid #7aa7ef}.record-row span:first-child{display:grid;gap:.2rem}.record-row small{color:#708097;font-weight:500}.editor{gap:.85rem}.checkbox{display:flex;align-items:center}.checkbox input{width:auto}dl{display:grid;grid-template-columns:100px 1fr;gap:.8rem}dt{color:#718096;font-size:.8rem;font-weight:750}dd{margin:0;overflow-wrap:anywhere}.secret-line{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.secret-line code{min-width:10rem}.notes{white-space:pre-wrap}.folder-manager{border-top:1px solid #e3e8ef;padding-top:1rem}.folder-manager form{grid-template-columns:1fr auto;gap:.45rem}.folder-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.folder-row button{padding:.35rem .5rem;font-size:.72rem}.notice{border-radius:10px;padding:.85rem 1rem}.notice.error{border:1px solid #f0bcc4;background:#fff1f3;color:#8f1f31}.empty{color:#7a8799;padding:2rem 0;text-align:center}.recovery-notice{border:1px solid #e8cc8c;border-radius:14px;background:#fff8e6;padding:1.2rem;margin-bottom:1rem}.recovery-notice code{display:block;overflow-wrap:anywhere;border-radius:8px;background:#2b303b;color:#fff;padding:.9rem;margin-bottom:1rem;-webkit-user-select:all;user-select:all}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.settings-panel{max-width:620px}.settings-panel select{max-width:240px}.restore-preview{margin-top:1rem;border-top:1px solid #e1e7ef;padding-top:1rem}@media(max-width:1050px){.workspace{grid-template-columns:230px 1fr}.detail{grid-column:1 / -1;min-height:auto}}@media(max-width:720px){.app-shell{padding:.8rem}.topbar,.top-actions{align-items:flex-start;flex-direction:column}.workspace,.security-grid{grid-template-columns:1fr}.record-column{min-height:auto}.tabs{overflow-x:auto}dl{grid-template-columns:1fr}.split-actions{flex-wrap:wrap}}
