:root{--paper:#f7f5ef;--paper-deep:#efede5;--ink:#192a3a;--ink-soft:#607080;--line:#dfe2dc;--blue:#315bff;--blue-dark:#2346cb;--coral:#ec6f59;--mint:#ccefe3;--yellow:#f6d987;--shadow:0 18px 48px rgba(25,42,58,.08);font-family:'Manrope',sans-serif;color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#fffefb;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 12px 29px}.brand-lockup strong{font-size:19px;letter-spacing:-.6px}.brand-lockup small{display:block;color:#94a0a8;font-size:9px;letter-spacing:.9px;text-transform:uppercase;margin-top:2px}.brand-mark{width:28px;height:28px;display:flex;gap:3px;align-items:flex-end}.brand-mark span{display:block;width:7px;border-radius:5px;background:var(--blue);transform:rotate(24deg)}.brand-mark span:nth-child(1){height:15px;background:var(--coral)}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:18px;background:#f1bd49}.vault-status{background:var(--paper);border:1px solid #ebeae4;padding:12px 10px;display:flex;align-items:center;gap:9px;margin:0 2px 32px;border-radius:8px}.vault-status strong{font-size:11px;display:block}.vault-status small{font-size:9px;color:#8a969c}.status-dot,.footer-dot{display:block;width:7px;height:7px;background:#43b584;border-radius:50%;box-shadow:0 0 0 4px #dcf4e9}.side-nav{display:flex;flex-direction:column;gap:3px}.nav-item{background:transparent;color:#667681;text-align:left;padding:11px 12px;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:11px;transition:background .2s,color .2s,transform .2s}.nav-item:hover{background:var(--paper-deep);transform:translateX(2px)}.nav-item.active{background:#e9edff;color:var(--blue);font-weight:700}.nav-item b{font-family:'DM Mono',monospace;font-size:10px;font-weight:400;margin-left:auto;color:#98a4aa}.nav-item.active b{color:var(--blue)}.nav-icon{font-size:15px;width:15px;text-align:center}.nav-label{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#a1aaad;margin:25px 12px 8px}.category-dot{width:8px;height:8px;border-radius:50%;margin-left:3px;margin-right:4px}.website-dot{background:var(--coral)}.app-dot{background:#8b7ef3}.email-dot{background:#55bfa0}.game-dot{background:#e7b947}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;color:#78858b;display:flex;gap:10px;font-size:10px;line-height:1.6}.sidebar-footer small{color:#a9b0b0}.mini-shield{color:#35a875;border:1px solid #bde7d3;border-radius:50%;width:17px;height:17px;text-align:center;line-height:15px;font-size:10px}.main-content{max-width:1120px;width:100%;margin:0 auto;padding:42px 58px 24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:27px}.eyebrow{margin:0 0 7px;color:#a1a8a8;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.topbar h1{font-size:28px;letter-spacing:-1.4px;margin:0}.top-actions{display:flex;gap:13px;align-items:center}.round-action,.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.round-action{background:#fff;border:1px solid var(--line);color:var(--blue);font-size:18px;transition:transform .2s,box-shadow .2s}.round-action:hover{transform:rotate(15deg);box-shadow:var(--shadow)}.avatar{background:var(--ink);color:#fff;font-weight:700;font-size:12px}.profile-wrap{position:relative}.profile-dropdown{position:absolute;top:46px;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(25,42,58,.13);min-width:180px;z-index:20;animation:modal-in .2s ease;padding:6px}.dropdown-user{font-size:11px;font-weight:700;color:#899396;padding:8px 12px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item{display:block;width:100%;text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--ink);background:none;border-radius:5px;transition:background .15s}.dropdown-item:hover{background:var(--paper)}.dropdown-signout{color:#d35e4a;margin-top:2px}.hero-panel{height:184px;background:var(--ink);border-radius:10px;padding:30px 36px;display:flex;justify-content:space-between;overflow:hidden;position:relative;color:#fff;box-shadow:var(--shadow);animation:rise .55s ease both}.light-eyebrow{color:#95a5ae}.hero-panel h2{margin:0;font-size:28px;line-height:1.15;letter-spacing:-1.5px}.hero-panel h2 em{font-family:Georgia,serif;font-weight:400;color:#f4bc79}.hero-copy{color:#aebbc1;font-size:11px;margin:14px 0}.hero-orbit{position:relative;width:240px;margin-right:20px}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:160px;height:160px;top:-17px;left:36px;transform:rotate(-25deg)}.ring-two{width:205px;height:95px;top:14px;left:14px;transform:rotate(35deg)}.orbit-key{position:absolute;top:45px;left:101px;font-size:32px;transform:rotate(30deg);animation:float 3s ease-in-out infinite}.orbit-spark{position:absolute;color:#f4bc79;font-size:22px}.spark-one{top:6px;right:6px}.spark-two{bottom:0;left:31px;color:#73d4b4}.toolbar{display:flex;gap:10px;align-items:center;margin:27px 0 40px}.search-wrap{position:relative;flex:1;max-width:440px}.search-wrap>span{position:absolute;left:14px;top:10px;color:#7d8b91;font-size:21px;transform:rotate(-20deg)}.search-wrap input{height:40px;width:100%;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 46px 0 41px;outline:none;color:var(--ink);font-size:12px}.search-wrap input:focus{border-color:#a4b5ff;box-shadow:0 0 0 3px #e8ecff}.search-wrap kbd{position:absolute;right:12px;top:11px;color:#9fa8a9;font-family:'DM Mono';font-size:10px;border:1px solid var(--line);padding:2px 6px;border-radius:3px}.filter-button,.add-button{height:40px;border-radius:6px;font-size:11px;font-weight:700;padding:0 15px}.filter-button{background:transparent;border:1px solid var(--line);color:#68777e}.filter-button span{font-size:13px;margin-right:7px}.filter-button i{font-style:normal;color:var(--blue);margin-left:5px}.add-button{background:var(--blue);color:#fff;padding:0 17px;box-shadow:0 7px 15px rgba(49,91,255,.19);transition:background .2s,transform .2s}.add-button:hover{background:var(--blue-dark);transform:translateY(-2px)}.add-button span{font-size:16px;vertical-align:-1px;margin-right:5px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-heading h2{font-size:20px;letter-spacing:-.8px;margin:0}.view-switcher{display:flex;background:#ecece8;border-radius:5px;padding:3px}.view-button{font-size:14px;color:#9aa3a4;background:transparent;border-radius:3px;width:29px;height:27px}.view-button.active{background:white;color:var(--ink);box-shadow:0 2px 4px #d9d9d5}.password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.password-card{background:#fff;border:1px solid #e8e9e4;border-radius:8px;padding:17px;min-height:177px;position:relative;animation:card-in .45s ease both;transition:box-shadow .2s,transform .2s}.password-card:hover{box-shadow:0 13px 25px rgba(25,42,58,.08);transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.service-logo{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;text-transform:uppercase}.logo-website{background:#ef735d}.logo-app{background:#857af0}.logo-email{background:#55bfa0}.logo-game{background:#dfb84c}.star-button{background:none;color:#ccd0ca;font-size:17px;padding:0;line-height:1}.star-button.favorite{color:#edb83e}.card-service{font-weight:800;font-size:13px;margin:14px 0 4px}.card-username{font-size:10px;color:#849196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.card-password{font-family:'DM Mono',monospace;font-size:10px;color:var(--ink);letter-spacing:.2px;margin-top:10px;word-break:break-all}.card-footer{position:absolute;left:17px;right:17px;bottom:16px;display:flex;justify-content:space-between;align-items:center}.card-category{font-size:9px;color:#98a3a5;text-transform:uppercase;letter-spacing:1px}.card-actions{display:flex;gap:5px;opacity:0;transition:opacity .2s}.password-card:hover .card-actions{opacity:1}.card-action{background:#f2f3f1;color:#76848a;width:25px;height:25px;border-radius:4px;font-size:11px}.card-action:hover{color:var(--blue);background:#e9edff}.card-action[data-action="show"]{width:auto;padding:0 7px;font-size:9px;font-weight:700}.list-layout{display:flex;flex-direction:column;gap:8px}.list-layout .password-card{min-height:74px;display:flex;align-items:center;gap:14px;padding:12px 17px}.list-layout .card-service{margin:0}.list-layout .card-username{position:absolute;left:215px}.list-layout .card-footer{position:static;margin-left:auto;gap:28px}.empty-state{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #d6dad5;border-radius:8px}.empty-illustration{font-size:30px;color:var(--blue);margin-bottom:12px}.empty-state h3{margin:0 0 6px;font-size:16px}.empty-state p{font-size:11px;color:#849196;margin:0 0 20px}.app-footer{border-top:1px solid var(--line);margin-top:49px;padding-top:17px;display:flex;justify-content:space-between;color:#9da5a5;font-family:'DM Mono';font-size:9px}.app-footer span:first-child{display:flex;gap:8px;align-items:center}.footer-dot{width:6px;height:6px;box-shadow:none}.app-footer strong{color:#6f7e83;font-weight:400}.modal-backdrop{position:fixed;inset:0;background:rgba(25,42,58,.33);backdrop-filter:blur(5px);display:grid;place-items:start;overflow-y:auto;padding:20px;z-index:4}.modal{background:#fffefb;border-radius:10px;width:min(550px,100%);padding:28px;box-shadow:0 25px 80px rgba(25,42,58,.2);animation:modal-in .3s ease;margin:auto}.modal-scrollable{max-height:calc(100vh - 40px);overflow-y:auto}.modal-header{display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{margin:0;font-size:23px;letter-spacing:-1px}.close-button{background:none;color:#9ca5a5;font-size:15px;align-self:start}.category-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.category-choice{height:62px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#899396;font-size:10px;cursor:pointer;transition:.2s}.category-choice input{display:none}.category-choice.selected{border-color:#a8b7ff;background:#f0f2ff;color:var(--blue);font-weight:700}.choice-icon{font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field span,.game-options>span{font-size:10px;font-weight:700;color:#66757b}.field input{height:39px;border:1px solid var(--line);border-radius:5px;padding:0 11px;font-size:11px;outline:none;color:var(--ink);background:#fff}.field input:focus{border-color:#a4b5ff;box-shadow:0 0 0 3px #eef0ff}.full-field{grid-column:1/-1}.password-input{position:relative}.password-input input{width:100%;padding-right:35px}.password-input button{position:absolute;right:5px;top:5px;width:29px;height:29px;background:none;color:#8b979a;font-size:13px}.strength-meter{height:3px;background:#e8ebe6;border-radius:4px;margin-top:2px;overflow:hidden}.strength-meter span{display:block;height:100%;width:0;background:#db6b53;transition:width .3s,background .3s}.field small{font-size:9px;color:#99a3a3;margin-top:-2px}.game-options{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.game-pills{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.game-pills button{background:#f1f2ed;color:#78858a;border-radius:20px;padding:7px 11px;font-size:10px}.game-pills button.selected{background:#fff1d1;color:#a06b13;box-shadow:inset 0 0 0 1px #edc872}.form-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;display:flex;justify-content:space-between;align-items:center}.favorite-toggle{font-size:10px;color:#718087;cursor:pointer}.favorite-toggle input{accent-color:#eab83e;margin-right:5px}.favorite-toggle span{color:#eab83e;font-size:14px;vertical-align:-1px}.generate-button{background:none;color:var(--blue);font-size:10px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.cancel-button{background:transparent;color:#7d8a8d;font-size:11px;padding:0 14px}.save-button{background:var(--blue);color:#fff;border-radius:5px;height:39px;padding:0 16px;font-size:11px;font-weight:700;box-shadow:0 6px 13px rgba(49,91,255,.19)}.save-button span:last-child{font-size:16px;margin-left:12px}.settings-modal{max-width:420px}.settings-list{display:flex;flex-direction:column;gap:4px}.settings-section-title{font-size:9px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#a1aaad;padding:4px 4px 2px}.settings-item{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:7px;background:none;text-align:left;transition:background .15s;width:100%}.settings-item:hover{background:var(--paper)}.settings-item strong{font-size:12px;display:block;margin-bottom:2px}.settings-item small{font-size:10px;color:#899396}.settings-icon{font-size:18px;width:32px;height:32px;background:var(--paper);border-radius:7px;display:grid;place-items:center;flex-shrink:0}.settings-arrow{margin-left:auto;color:#c0c8ca;font-size:18px}.settings-item-danger strong{color:#d35e4a}.settings-item-danger .settings-icon{background:#fef0ee}.pin-modal{max-width:390px}.pin-confirm-field{margin-top:16px}.pin-modal .modal-actions{margin-top:22px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#fff 0 8%,transparent 32%),var(--paper)}.auth-card{width:min(430px,100%);background:#fffefb;border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:var(--shadow);animation:modal-in .35s ease}.auth-brand{justify-content:center;padding:0;margin-bottom:32px}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{font-size:28px;letter-spacing:-1.2px;margin:0 0 8px}.auth-heading p{color:var(--ink-soft);font-size:11px;margin:0}.auth-form{display:grid;gap:15px}.auth-field{display:grid;gap:7px}.auth-field span{font-size:10px;font-weight:700;color:#66757b}.auth-field input{height:42px;border:1px solid var(--line);border-radius:5px;padding:0 12px;font-size:12px;outline:none;color:var(--ink)}.auth-field input:focus{border-color:#a4b5ff;box-shadow:0 0 0 3px #eef0ff}.auth-submit{height:43px;border-radius:5px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;margin-top:5px}.auth-switch{text-align:center;color:#899396;font-size:10px;margin:20px 0 0}.auth-switch button{background:none;color:var(--blue);font-size:10px;font-weight:700}.auth-error{min-height:14px;color:#d35e4a;font-size:10px;text-align:center;margin:0}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:white;border-radius:5px;padding:12px 16px;font-size:11px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:8}.toast.show{transform:translateY(0);opacity:1}.lock-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);z-index:10;padding:24px 16px}.lock-card{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center}.lock-card .large-mark{justify-content:center;margin:0 auto 20px;transform:scale(1.4)}.lock-card h2{font-size:26px;letter-spacing:-1px;margin:0 0 6px;text-align:center}.pin-dots{display:flex;gap:14px;justify-content:center;margin:20px 0 8px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid #c8cfc9;background:transparent;transition:background .15s,border-color .15s;display:inline-block}.pin-dot-filled{background:var(--ink);border-color:var(--ink)}@keyframes pin-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.pin-shake{animation:pin-shake .4s ease}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:300px;margin:18px auto 0}.numpad-key{height:68px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:24px;font-weight:600;color:var(--ink);display:grid;place-items:center;transition:background .12s,transform .1s;box-shadow:0 2px 6px rgba(25,42,58,.06)}.numpad-key:active{background:var(--paper-deep);transform:scale(.95)}.numpad-del{font-size:20px;color:#899396;background:var(--paper)}.numpad-bio{font-size:20px;color:#899396;background:var(--paper)}#unlockError{min-height:16px;font-size:11px;color:#d35e4a;text-align:center;margin:8px 0 0}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:rotate(30deg) translateY(0)}50%{transform:rotate(39deg) translateY(-7px)}}@media(max-width:900px){.sidebar{width:210px}.main-content{padding:34px 30px}.password-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:17px 16px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand-lockup{padding:0 4px 15px}.vault-status{position:absolute;right:15px;top:14px;margin:0;background:transparent;border:0;padding:0}.vault-status>div{display:none}.side-nav{flex-direction:row;overflow:auto;margin:0 -5px;padding:3px 5px}.nav-item{white-space:nowrap;padding:9px 11px}.nav-label,.category-link b{display:none}.sidebar-footer{display:none}.main-content{padding:28px 17px 20px}.topbar{margin-bottom:21px}.topbar h1{font-size:24px}.hero-panel{height:175px;padding:25px 22px}.hero-panel h2{font-size:23px}.hero-orbit{position:absolute;right:-55px;opacity:.8}.toolbar{margin:20px 0 31px;flex-wrap:wrap}.search-wrap{flex-basis:100%;max-width:none}.filter-button{flex:1}.add-button{flex:1}.password-grid{grid-template-columns:1fr}.card-actions{opacity:1}.app-footer{margin-top:34px}.modal{padding:23px 18px}.category-choice{height:55px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.form-bottom{align-items:flex-start;gap:15px;flex-direction:column}.modal-actions{margin-top:19px}.section-heading{margin-bottom:14px}.list-layout .password-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;min-height:86px;padding:14px 15px}.list-layout .service-logo{grid-row:1 / span 2}.list-layout .card-service{grid-column:2;grid-row:1}.list-layout .card-username{position:static;grid-column:2;grid-row:2;max-width:100%}.list-layout .card-footer{position:static;grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:0}.list-layout .card-category{font-size:8px}.lock-screen{justify-content:space-between;padding:40px 20px 32px}.numpad-key{height:72px;font-size:26px}.numpad{gap:8px;max-width:100%}}