:root{--ink:#16251f;--muted:#708078;--line:#e4e9e6;--soft:#f5f7f5;--paper:#fff;--forest:#173f34;--forest-2:#245e4d;--mint:#dfeee8;--sand:#ebe5d7;--danger:#a83d3d;--shadow:0 24px 70px #18312821}*{box-sizing:border-box}html,body{background:var(--soft);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.muted{color:var(--muted);line-height:1.55}.eyebrow{color:#7f8c85;letter-spacing:.15em;margin:0 0 8px;font-size:11px;font-weight:750}.brand{align-items:center;gap:11px;font-size:17px;font-weight:750;display:flex}.brand-mark{background:var(--forest);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:19px;display:inline-grid}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loader{border:2px solid #d7dfdb;border-top-color:var(--forest);border-radius:50%;width:28px;height:28px;margin:24px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{grid-template-columns:minmax(400px,.95fr) minmax(480px,1.05fr);min-height:100vh;display:grid}.auth-story{color:#f7fbf9;background:radial-gradient(circle at 78% 14%,#93b9a657,#0000 26%),linear-gradient(145deg,#183c32,#102d26 68%);flex-direction:column;justify-content:space-between;padding:clamp(36px,6vw,90px);display:flex}.auth-story .brand-mark{color:var(--forest);background:#f3f5ef}.auth-story h1{letter-spacing:-.045em;margin:12px 0 28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.3vw,76px);font-weight:500;line-height:.98}.auth-story>div>p:last-child{color:#c8d8d1;max-width:540px;font-size:17px;line-height:1.7}.auth-story .eyebrow{color:#a7c8ba}.trust-line{color:#b9d0c6;flex-wrap:wrap;gap:24px;font-size:12px;display:flex}.trust-line span:first-letter{color:#73b69b}.auth-panel{background:#f7f8f6;place-items:center;padding:40px;display:grid}.auth-card{background:var(--paper);width:min(430px,100%);box-shadow:var(--shadow);border:1px solid #1c3e3214;border-radius:24px;flex-direction:column;gap:20px;padding:44px;display:flex}.auth-card h1,.auth-card h2{letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500}.auth-mobile-brand{align-items:center;gap:10px;margin-bottom:12px;font-weight:750;display:none}label{color:#45534d;flex-direction:column;gap:8px;font-size:13px;font-weight:650;display:flex}input,textarea{width:100%;color:var(--ink);background:#fbfcfb;border:1px solid #d9e0dc;border-radius:11px;outline:none;padding:12px 13px;transition:border .15s,box-shadow .15s}input:focus,textarea:focus{border-color:#6e9988;box-shadow:0 0 0 3px #3d79621a}.primary,.secondary{border:0;border-radius:11px;min-height:44px;padding:0 18px;font-weight:700}.primary{background:var(--forest);color:#fff}.primary:hover{background:var(--forest-2)}.primary:disabled{opacity:.55;cursor:wait}.secondary{background:var(--mint);color:var(--forest)}.text-button,.danger-link{color:var(--forest-2);background:0 0;border:0;padding:5px;font-size:13px;font-weight:700}.notice{color:#285746;background:#edf5f1;border-radius:9px;margin:0;padding:11px 13px;font-size:13px;line-height:1.45}.recovery-card{background:#fff8e7;border:1px solid #ead8a9;border-radius:12px;gap:10px;padding:15px;font-size:12px;display:grid}.recovery-card code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.app-shell{background:#fff;grid-template-columns:238px minmax(320px,390px) minmax(420px,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f2f4f1;flex-direction:column;min-height:100vh;padding:26px 18px 20px;display:flex}.sidebar .brand{padding:0 9px 28px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#53615a;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 10px;font-size:14px;display:flex}.nav-item:hover{background:#e9eeeb}.nav-item.active{background:var(--paper);color:var(--forest);font-weight:700;box-shadow:0 2px 10px #223f3412}.nav-title{letter-spacing:.13em;color:#89958f;justify-content:space-between;align-items:center;margin:24px 9px 8px;font-size:10px;font-weight:800;display:flex}.nav-title button{color:#607169;background:0 0;border:0;font-size:18px}.team-dot{width:23px;height:23px;color:var(--forest);background:#dce8e2;border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.sidebar-bottom{flex-direction:column;gap:3px;margin-top:auto;display:flex}.user-chip{border-top:1px solid #dce2de;align-items:center;gap:9px;min-width:0;margin-top:12px;padding:18px 8px 0;display:flex}.user-chip>span{width:34px;height:34px;color:var(--forest);background:#d9e8e1;border-radius:50%;flex:0 0 34px;place-items:center;font-weight:800;display:grid}.user-chip div{flex-direction:column;min-width:0;display:flex}.user-chip strong,.user-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip small{color:var(--muted);margin-top:2px;font-size:10px}.vault-list{border-right:1px solid var(--line);min-height:100vh;padding:30px 23px;overflow-y:auto}.vault-list>header{justify-content:space-between;align-items:center;display:flex}.vault-list h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:500}.square-button{background:var(--forest);color:#fff;border:0;border-radius:10px;width:38px;height:38px;font-size:23px}.search{background:var(--soft);border:1px solid #e5e9e6;border-radius:10px;align-items:center;gap:8px;margin:26px 0 18px;padding:0 11px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding-left:2px}.count{text-transform:uppercase;letter-spacing:.1em;color:#8b9891;font-size:11px;font-weight:700}.items{flex-direction:column;gap:5px;display:flex}.item-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-height:64px;padding:9px;display:grid}.item-card:hover{background:#f7f9f7}.item-card.selected{background:#edf3ef;border-color:#dfe9e3}.site-icon{background:var(--sand);color:#5b5648;border-radius:11px;place-items:center;width:40px;height:40px;font-family:Georgia,serif;font-weight:700;display:grid}.site-icon.large{border-radius:15px;width:56px;height:56px;font-size:22px}.item-card>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.item-card strong,.item-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-card strong{font-size:14px}.item-card small{color:var(--muted);font-size:12px}.item-card i{color:var(--danger);background:#f9e9e9;border-radius:99px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:750}.empty{text-align:center;color:var(--muted);padding:58px 20px}.empty>span{color:#acb9b2;font-size:38px}.empty h3{color:var(--ink);margin-bottom:6px;font-family:Georgia,serif;font-size:22px;font-weight:500}.empty p{font-size:13px}.detail-panel{background:#fff;min-height:100vh;overflow-y:auto}.detail-empty{text-align:center;color:#99a49e;place-content:center;height:100vh;display:grid}.detail-empty span{font-size:52px}.detail-content{max-width:760px;padding:56px clamp(34px,6vw,88px)}.detail-content>header{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:center;gap:16px;padding-bottom:36px;display:grid}.mobile-back{color:var(--forest-2);text-align:left;background:0 0;border:0;padding:0;font-weight:700;display:none}.detail-content h2{margin:0 0 5px;font-family:Georgia,serif;font-size:32px;font-weight:500}.detail-content header a{color:var(--muted);font-size:13px;text-decoration:none}.more{border:1px solid var(--line);color:#52635b;background:#fff;border-radius:9px;padding:9px 13px}.detail-content dl{margin:28px 0}.detail-field{border-bottom:1px solid #edf0ee;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;display:grid}.detail-field dt{color:#89958f;font-size:12px;font-weight:700}.detail-field dd{word-break:break-word;margin:0;font-size:14px}.detail-field.notes{grid-template-columns:130px 1fr;align-items:start}.icon-action{color:var(--forest-2);background:0 0;border:0;margin-left:8px;font-size:11px;font-weight:700}.meta{color:#9aa49f;flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.danger-link{color:var(--danger);margin-top:32px;padding-left:0}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f201b6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(650px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:30px;overflow-y:auto}.modal.small{width:min(450px,100%)}.modal>header{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.modal h2{margin:0;font-family:Georgia,serif;font-size:27px;font-weight:500}.close{color:#627068;background:#f1f4f2;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .full{grid-column:1/-1}.modal footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:27px;display:flex}.generated{text-align:center;overflow-wrap:anywhere;background:#eef4f0;border-radius:12px;padding:20px;font-size:16px}.drop-zone{text-align:center;background:#f7faf8;border:1.5px dashed #aebdb5;border-radius:13px;place-items:center;min-height:110px;padding:20px;display:grid}.drop-zone input{background:0 0;border:0;font-size:11px}.toast{z-index:20;color:#fff;box-shadow:var(--shadow);background:#1f352d;border-radius:99px;padding:11px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:980px){.app-shell{grid-template-columns:82px minmax(300px,360px) 1fr}.sidebar{padding-inline:12px}.sidebar .brand>span:last-child,.nav-item:not(.active){font-size:0}.sidebar .brand{padding-inline:12px}.nav-item{justify-content:center;font-size:0}.nav-item.active{font-size:0}.nav-title{justify-content:center;font-size:0}.user-chip div{display:none}.user-chip{justify-content:center}}@media (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:20px}.auth-card{box-shadow:none;padding:28px}.auth-mobile-brand{display:flex}.app-shell{display:block}.sidebar{z-index:4;border:0;border-top:1px solid var(--line);flex-direction:row;height:66px;min-height:auto;padding:8px 10px;position:fixed;bottom:0;left:0;right:0}.sidebar .brand,.sidebar .nav-title,.sidebar-bottom .user-chip,.sidebar-bottom .nav-item:nth-child(2),.sidebar-bottom .nav-item:nth-child(3),.sidebar nav .nav-item:not(:first-child){display:none}.sidebar nav,.sidebar-bottom{flex-direction:row;width:50%;margin:0}.sidebar .nav-item{width:100%;display:flex}.vault-list{border:0;min-height:calc(100vh - 66px);padding:22px 18px 88px}.detail-panel{display:none}.detail-panel.mobile-open{z-index:3;min-height:0;display:block;position:fixed;inset:0 0 66px;overflow-y:auto}.detail-content{padding:24px 20px 40px}.detail-content>header{grid-template-columns:48px 1fr auto;padding-bottom:24px}.mobile-back{grid-column:1/-1;display:block}.site-icon.large{width:48px;height:48px}.detail-content h2{font-size:26px}.detail-field{grid-template-columns:100px minmax(0,1fr);gap:10px}.detail-field>span{grid-column:2}.item-card{min-height:70px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}