:root{--ink:#102a2f;--muted:#5f716e;--line:#d7e1de;--soft:#eef3f1;--paper:#fff;--navy:#0b2d37;--navy-2:#123f49;--teal:#087f72;--teal-2:#0a665e;--mint:#d5f3e9;--aqua:#e5f7f3;--amber:#f2b84b;--sand:#fff0cf;--danger:#b42c3b;--danger-soft:#fff0f1;--shadow:0 24px 70px #08272e2e}*{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}.staging-banner{z-index:1000;color:#51340a;text-align:center;background:#fff0cf;border-bottom:1px solid #d9a33b;padding:10px 18px;font-size:13px;font-weight:700;line-height:1.4;position:sticky;top:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #087f7247}a{color:inherit}.icon{flex:0 0 19px;width:19px;height:19px}.muted{color:var(--muted);line-height:1.55}.eyebrow{color:var(--teal-2);letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:800}.brand{align-items:center;gap:11px;font-size:17px;font-weight:800;display:flex}.brand-mark{width:38px;height:42px;color:var(--navy);place-items:center;display:inline-grid;position:relative}.brand-mark .icon{width:38px;height:42px;color:var(--teal);stroke-width:1.6px;position:absolute;inset:0}.brand-mark b{z-index:1;margin-top:-2px;font-family:Georgia,serif;font-size:18px;position:relative}.brand.inverse .brand-mark,.brand.inverse .brand-mark .icon{color:#d9fff3}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loader{border:2px solid #cbd9d5;border-top-color:var(--teal);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:#f7fffc;background:radial-gradient(circle at 78% 14%,#1fae976b,#0000 28%),linear-gradient(145deg,#0b3540,#071f28 70%);flex-direction:column;justify-content:space-between;padding:clamp(36px,6vw,90px);display:flex}.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:#c1dad6;max-width:540px;font-size:17px;line-height:1.7}.auth-story .eyebrow{color:#78d9c4}.trust-line{color:#d6ebe6;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.trust-line span{border:1px solid #b0ebdc4d;border-radius:99px;padding:7px 11px}.auth-panel{background:linear-gradient(145deg,#edf3f1,#f9fbfa);place-items:center;padding:40px;display:grid}.auth-card{background:var(--paper);width:min(440px,100%);box-shadow:var(--shadow);border:1px solid #0a46431f;border-radius:24px;flex-direction:column;gap:20px;padding:44px;display:flex}.auth-form{flex-direction:column;gap:20px;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{margin-bottom:12px;display:none}label{color:#344d4b;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.password-field{gap:8px;display:grid}.password-field>label{display:block}input,textarea{width:100%;color:var(--ink);background:#fbfdfc;border:1px solid #cbd8d4;border-radius:11px;outline:none;padding:12px 13px;transition:border .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f721f}input:disabled{color:#687773;background:#edf1ef}.input-action{position:relative}.input-action input{padding-right:45px}.input-action>button{width:32px;height:32px;color:var(--teal-2);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-help{color:var(--muted);margin:-10px 0 0;font-size:11px;line-height:1.5}.otp-input{text-align:center;letter-spacing:.34em;padding-left:calc(13px + .34em);font-size:25px;font-weight:800}.primary,.secondary,.danger-button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy-2)}.secondary{background:var(--mint);color:#075d54}.secondary:hover{background:#bdebdc}.danger-button{background:var(--danger);color:#fff}.primary:disabled,.secondary:disabled,.danger-button:disabled{opacity:.5;cursor:not-allowed}.text-button,.danger-link{color:var(--teal-2);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:5px;font-size:13px;font-weight:800;display:inline-flex}.text-button.subtle{color:var(--muted);font-weight:650}.notice{background:var(--aqua);color:#14594f;border:1px solid #c7e9df;border-radius:9px;margin:0;padding:11px 13px;font-size:13px;line-height:1.45}.notice.error{color:#852430;background:var(--danger-soft);border-color:#f1c9cd}.notice.success{color:#075c4f;background:#e1f8ef}.recovery-card{background:#fff7df;border:1px solid #ebcf8d;border-radius:14px;gap:14px;padding:17px;font-size:12px;display:grid}.recovery-card code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:13px;line-height:1.5}.recovery-actions{gap:10px;display:flex}.check-line{flex-direction:row;align-items:flex-start;font-weight:650;line-height:1.45}.check-line input{flex:0 0 18px;width:18px;height:18px;margin:1px 2px 0 0}.app-shell{background:#fff;grid-template-columns:250px minmax(330px,400px) minmax(420px,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#d9e9e6;flex-direction:column;min-height:100vh;padding:26px 18px 20px;display:flex}.sidebar>.brand{color:#fff;padding:0 9px 28px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#bcd0cd;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:14px;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{background:var(--mint);color:#073f3b;font-weight:800}.nav-title{letter-spacing:.15em;color:#80aaa5;justify-content:space-between;align-items:center;margin:24px 10px 8px;font-size:10px;font-weight:800;display:flex}.nav-title button{color:#b8d4cf;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.team-dot{color:#fff;background:#26736c;border-radius:7px;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;display:grid}.sidebar-bottom{flex-direction:column;gap:3px;margin-top:auto;display:flex}.user-chip{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff21;align-items:center;gap:10px;width:100%;min-width:0;margin-top:12px;padding:18px 8px 0;display:flex}.user-chip>span{background:var(--amber);color:#3b2a05;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:900;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:#9cbcb7;margin-top:2px;font-size:10px}.vault-list{border-right:1px solid var(--line);background:#f9fbfa;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:30px;font-weight:500}.square-button{background:var(--teal);color:#fff;border:0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.search{border:1px solid var(--line);color:var(--teal-2);background:#fff;border-radius:11px;align-items:center;gap:8px;margin:26px 0 18px;padding:0 12px;display:flex}.search input{box-shadow:none;background:0 0;border:0;padding-left:2px}.count{text-transform:uppercase;letter-spacing:.1em;color:#657d78;font-size:11px;font-weight:800}.items{flex-direction:column;gap:6px;display:flex}.item-card{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:9px;display:grid}.item-card:hover{border-color:var(--line);background:#fff}.item-card.selected{background:var(--aqua);border-color:#b9e2d8;box-shadow:0 5px 18px #08514b14}.site-icon{background:var(--sand);color:#604915;border-radius:11px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-weight:800;display:grid}.site-icon.large{border-radius:16px;width:58px;height:58px;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:var(--danger-soft);border-radius:99px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.empty{text-align:center;color:var(--muted);padding:58px 20px}.empty>.icon,.detail-empty .icon{width:62px;height:62px;color:var(--teal)}.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:#6f817d;place-content:center;justify-items:center;gap:14px;height:100vh;display:grid}.detail-content{max-width:780px;padding:56px clamp(34px,6vw,88px)}.detail-content>header{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr auto;align-items:center;gap:17px;padding-bottom:36px;display:grid}.mobile-back{color:var(--teal-2);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:800;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(--teal-2);font-size:13px;text-decoration:none}.more{border:1px solid var(--line);color:#344f4b;background:#fff;border-radius:9px;padding:9px 13px}.detail-content dl{margin:28px 0}.detail-field{border-bottom:1px solid #e7edeb;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0;display:grid}.detail-field dt{color:#637b76;font-size:12px;font-weight:800}.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(--teal-2);background:0 0;border:0;align-items:center;gap:5px;margin-left:8px;font-size:11px;font-weight:800;display:inline-flex}.icon-action .icon{width:15px;height:15px}.meta{color:#738680;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(4px);backdrop-filter:blur(4px);background:#041c2294;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(680px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:30px;overflow-y:auto}.modal.small{width:min(460px,100%)}.modal.import-modal,.modal.account-modal{width:min(820px,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:28px;font-weight:500}.modal h3{color:var(--ink);margin:0 0 6px;font-size:15px}.close{background:var(--soft);color:#425e59;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.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}.password-builder{grid-template-columns:1fr auto;gap:8px;display:grid}.generate-inline{background:var(--aqua);color:var(--teal-2);border:1px solid #afd9cf;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.generated{background:var(--navy);color:#e9fff8;text-align:center;overflow-wrap:anywhere;border-radius:12px;padding:20px;font-size:16px}.drop-zone{background:var(--aqua);text-align:center;min-height:126px;color:var(--teal-2);border:2px dashed #7eb4a9;border-radius:14px;place-items:center;gap:5px;padding:20px;display:grid;position:relative}.drop-zone .icon{width:28px;height:28px}.drop-zone span{color:var(--muted);font-size:11px}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-help{border:1px solid var(--line);background:#fafcfb;border-radius:14px;margin-bottom:18px;padding:18px}.browser-steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.browser-steps>div{border-left:3px solid var(--teal);background:#fff;padding:11px}.browser-steps p{color:var(--muted);min-height:50px;font-size:11px;line-height:1.5}.browser-steps a{color:var(--teal-2);font-size:11px;font-weight:800}.security-note{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.settings-section{border-top:1px solid var(--line);grid-template-columns:190px 1fr;gap:28px;padding:24px 0;display:grid}.settings-section:first-of-type{border-top:0}.settings-section>div:last-child{gap:14px;display:grid}.settings-section p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.rotation-form{gap:14px;display:grid}.account-toolbar{border:1px solid var(--line);background:var(--aqua);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:12px 14px;font-size:12px;display:flex}.account-toolbar .text-button{align-items:center;gap:7px;width:auto;display:inline-flex}.danger-zone{background:var(--danger-soft);border:1px solid #efc9ce;border-radius:14px;margin-top:8px;padding:22px}.danger-zone h3{color:var(--danger)}.toast{z-index:20;background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:99px;padding:12px 19px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:1040px){.app-shell{grid-template-columns:86px minmax(300px,365px) 1fr}.sidebar{padding-inline:12px}.sidebar>.brand>span:last-child,.sidebar .nav-item>span:last-child{display:none}.sidebar>.brand{justify-content:center;padding-inline:0}.nav-item{justify-content:center}.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,.app-shell{display:block}.sidebar{z-index:4;border:0;flex-direction:row;height:70px;min-height:auto;padding:8px;position:fixed;bottom:0;left:0;right:0}.sidebar>.brand,.sidebar .nav-title,.sidebar .user-chip,.sidebar-bottom .nav-item:nth-child(4),.sidebar nav .nav-item:not(:first-child){display:none}.sidebar nav{width:25%}.sidebar-bottom{flex-direction:row;width:75%;margin:0}.sidebar nav,.sidebar-bottom{justify-content:stretch}.sidebar .nav-item{width:100%;display:flex}.vault-list{border:0;min-height:calc(100vh - 70px);padding:22px 18px 90px}.detail-panel{display:none}.detail-panel.mobile-open{z-index:3;min-height:0;display:block;position:fixed;inset:0 0 70px;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:inline-flex}.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}.form-grid,.settings-section,.browser-steps{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.settings-section{gap:15px}.browser-steps p{min-height:0}.password-builder{grid-template-columns:1fr}.generate-inline{justify-content:center;min-height:40px}.modal-backdrop{padding:12px}.modal{max-height:calc(100vh - 24px);padding:22px}.recovery-actions{flex-direction:column}}