:root{--bg:#f3f0e9;--bg-accent:#e6e1d5;--panel:#fffcf5;--ink:#2b2521;--muted:#6a5f57;--line:#cdc2b4;--brand:#0d5f52;--brand-soft:#d9ebe7;--danger:#ac372f;--danger-soft:#f9dfdb;--success:#256355;--shadow:0 24px 48px #271e151f;--font-sans:"Avenir Next", "IBM Plex Sans", "Segoe UI Variable", "Noto Sans", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 8% 10%, #0d5f521a, transparent 42%), radial-gradient(circle at 92% 90%, #2b25211f, transparent 44%), linear-gradient(140deg, var(--bg), var(--bg-accent))}a{color:var(--brand);text-decoration:none}h1,h2,h3,p{margin:0}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.muted{color:var(--muted)}.auth-shell{grid-template-columns:1fr 480px;gap:1.25rem;min-height:100vh;padding:2rem;display:grid}.auth-brand{color:#f9f5eb;box-shadow:var(--shadow);background:linear-gradient(145deg,#20453e,#152f2a);border-radius:1.25rem;align-content:end;gap:1rem;padding:2.5rem;display:grid}.auth-brand .eyebrow{color:#bfddcf}.auth-brand h1{letter-spacing:-.04em;font-size:clamp(2rem,3vw,3.4rem);line-height:.95}.auth-panel{align-self:center}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf3f0;background:#1f2423;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;display:flex}.sidebar .muted{color:#a6b8b2}.menu{gap:.5rem;display:grid}.menu-link{color:#deece7;border:1px solid #0000;border-radius:.75rem;padding:.7rem .9rem;font-weight:600}.menu-link.active{background:#bcdcd029;border-color:#bcdcd080}.sidebar-actions{gap:.6rem;display:grid}.app-content{padding:1.5rem;overflow:auto}.page-stack,.form-stack{gap:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:1rem;padding:1rem;box-shadow:0 8px 20px #2d1e0c0f}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.card-header h2{letter-spacing:-.02em;font-size:1.18rem}.card-header p{color:var(--muted);margin-top:.25rem}.card-inline-actions{flex-wrap:wrap;gap:.7rem;display:flex}.field{gap:.35rem;display:grid}.field-label{color:var(--muted);font-size:.88rem;font-weight:600}.input{border:1px solid var(--line);font-size:.96rem;font-family:var(--font-sans);background:#fff;border-radius:.75rem;padding:.7rem .8rem}.input:focus{border-color:var(--brand);outline:2px solid #0d5f5238}.field-error{color:var(--danger);font-size:.8rem}.btn{font-weight:700;font-family:var(--font-sans);cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;transition:transform .14s,box-shadow .14s,opacity .14s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#f5faf8;background:linear-gradient(140deg,#0d5f52,#1e7f6f);box-shadow:0 10px 20px #0d5f523d}.btn-ghost{color:var(--brand);background:var(--brand-soft);border:1px solid #0d5f5259}.btn-danger{color:var(--danger);background:var(--danger-soft);border:1px solid #ac372f52}.alert{border-radius:.75rem;padding:.7rem .8rem;font-size:.92rem}.alert-info{background:#e9efec;border:1px solid #c4d6ce}.alert-success{color:var(--success);background:#e5f1ee;border:1px solid #bfddd4}.alert-error{color:var(--danger);background:#fbe9e6;border:1px solid #efc5bf}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.meta-grid>div{border:1px dashed var(--line);border-radius:.8rem;gap:.25rem;padding:.75rem;display:grid}.meta-label{color:var(--muted);font-size:.82rem}.compact-list{gap:.35rem;margin:0;padding-left:1.1rem;display:grid}.vault-list{gap:.7rem;display:grid}.vault-row{border:1px solid var(--line);background:#fff;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;display:flex}.vault-row p{color:var(--muted)}.vault-row code{font-family:var(--font-mono);background:#f4f2eb;border:1px solid #ddd3c4;border-radius:.6rem;padding:.3rem .55rem}.link-button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin}.screen-center{place-items:center;min-height:100vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.auth-shell{grid-template-columns:1fr;padding:1rem}.auth-brand{min-height:220px}.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;border-bottom:1px solid #bcdcd033;position:sticky;top:0}.meta-grid{grid-template-columns:1fr}.vault-row{flex-direction:column;align-items:flex-start}}