:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#19263e;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:#285ee9;color:#fff;font-weight:700;border-radius:12px;padding:12px 16px}button:focus-visible,input:focus-visible{outline:3px solid #92b4ff;outline-offset:2px}input{width:100%;border:1px solid #e0e7f0;background:#fff;border-radius:12px;padding:14px;color:#17243d}h1,h2,h3,p{margin-top:0}p{color:#718097;line-height:1.55;font-size:13px}h2{font-size:21px;letter-spacing:-.6px}h3{font-size:15px}.shell{max-width:660px;margin:0 auto;padding:20px 18px 110px;min-height:100dvh}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#7e91b1}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.app-header h1{font-size:19px;letter-spacing:-.7px;margin:5px 0 0}.app-header em,.lock-page h1 em{font-style:normal;color:#3166eb}.icon-btn{width:42px;height:42px;padding:0;background:#fff;color:#26344d;box-shadow:0 2px 12px #182b4710}.hero{padding:27px 24px;border-radius:24px;background:linear-gradient(125deg,#183e9a,#2862ea 80%);color:#fff;box-shadow:0 16px 32px #1e53c62b}.hero .eyebrow{color:#b8cfff}.hero h2{font-size:27px;line-height:1.17;letter-spacing:-1px;margin:13px 0}.hero p{color:#dce7ff}.hero-actions{display:flex;gap:9px;margin-top:23px}.hero button{background:#fff;color:#1d4fc3;font-size:12px}.hero button.outline{background:#ffffff20;color:#fff;border:1px solid #ffffff65}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0 30px}.stat{background:#fff;border:1px solid #eaf0f7;border-radius:17px;padding:16px 12px;display:flex;flex-direction:column;gap:7px}.stat span{font-size:18px}.stat strong{font-size:21px;letter-spacing:-.5px}.stat small{font-size:10px;color:#8391a5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 13px}.section-head h2{margin:4px 0}.text-btn{padding:5px;background:none;color:#2862ea;font-size:12px}.person{width:100%;display:flex;align-items:center;text-align:left;gap:13px;background:#fff;color:#19263e;margin:9px 0;padding:13px 15px;border:1px solid #e9eef6;border-radius:17px}.avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:#e7efff;color:#2459c9;font-size:19px;font-weight:800}.person-text{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.person-text strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-text small{font-size:11px;color:#8794a8}.chevron{font-size:28px;font-weight:300;color:#9aabc3}.empty{text-align:center;background:#fff;padding:35px 16px;border:1px dashed #d9e2f0;border-radius:20px}.empty>div{font-size:34px;margin-bottom:10px}.empty h3{margin:0 0 7px}.empty button,.add-btn{font-size:12px}.count{color:#7185aa;font-size:14px}.search-wrap{display:flex;align-items:center;background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding-left:15px;margin:15px 0 20px}.search-wrap span{font-size:25px;color:#8090a7}.search-wrap input{border:0;outline:0}.panel{background:#fff;padding:20px;border-radius:20px;border:1px solid #e8edf5;margin:12px 0}.panel button{font-size:12px}.warning{padding:12px 14px;background:#fff4e4;color:#995b10;border:1px solid #ffe1ae;border-radius:12px;font-size:12px;line-height:1.5;margin-top:20px}.warning.compact{font-size:11px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,660px);display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e7ecf4;padding:9px 12px max(10px,env(safe-area-inset-bottom));box-shadow:0 -7px 25px #1424400a;z-index:3}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a99ae;background:none;font-size:10px;padding:6px 14px}.bottom-nav button span{font-size:23px}.bottom-nav button.active{color:#2862ea}.overlay{position:fixed;inset:0;z-index:6;background:#102344a8;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:min(100%,660px);max-height:92dvh;overflow-y:auto;border-radius:25px 25px 0 0;padding:14px 22px 32px}.sheet-handle{width:40px;height:4px;background:#d7e0ec;border-radius:10px;margin:0 auto 24px}.detail-head{text-align:center;margin-bottom:24px}.avatar.big{width:68px;height:68px;font-size:27px;margin:0 auto 13px;border-radius:22px}.detail-head h2{margin:0 0 4px}.detail-head p{margin:0}.detail-section-title{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#8a98ae;margin:20px 0 10px}.detail-row{border-top:1px solid #edf1f6;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.detail-row>div:first-child{min-width:0}.detail-row small{display:block;color:#8290a6;margin-bottom:6px}.detail-row strong{font-size:13px;overflow-wrap:anywhere}.detail-actions{display:flex;gap:5px}.detail-actions button{font-size:10px;padding:8px;background:#edf3ff;color:#2559ca}.sheet-actions{display:flex;gap:10px;margin-top:20px}.sheet-actions button{flex:1}.outline.dark{background:#edf2fa;color:#3b506d}.editor .section-head{margin-top:0}.form-group{padding:14px 0;border-top:1px solid #edf1f6}.form-group h3{margin-bottom:16px}.field{display:block;margin:12px 0;font-size:12px;font-weight:700;color:#50617b}.field span{display:block;margin-bottom:7px}.danger{width:100%;background:#fff1f1;color:#bf3e3e;margin-top:15px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#b91c1c;color:#fff;padding:12px 18px;border-radius:12px;z-index:10}.lock-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:460px}.brand-mark{width:62px;height:62px;background:#e9f0ff;color:#285ee9;display:grid;place-items:center;border-radius:20px;font-size:32px;margin-bottom:24px}.lock-page h1{font-size:36px;letter-spacing:-1.8px;line-height:1.08;margin:12px 0}.unlock{text-align:left;width:100%;margin-top:26px;box-shadow:0 12px 35px #192d4b10}.unlock .section-icon{font-size:27px}.unlock h2{margin:12px 0 6px}.unlock .primary{width:100%;margin-top:12px}.lock-page .warning{text-align:left}.error{color:#b91c1c}@media(min-width:700px){.overlay{align-items:center}.sheet{border-radius:25px;max-height:90dvh}.shell{padding-top:32px}}.restore-btn{background:#eaf1ff;color:#2458c9;margin-top:10px;width:100%}.panel:has(.restore-btn)>button:not(.restore-btn){width:100%}.cloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cloud-actions button{font-size:12px;padding:12px 8px}.cloud-actions .restore-btn{margin:0}.cloud-status{margin-top:13px;padding:12px;background:#edf5ff;border-radius:10px;color:#2852a1;overflow-wrap:anywhere}.password-wrap{position:relative;width:100%}.password-wrap input{width:100%;padding-right:96px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto!important;min-width:76px;padding:9px 10px!important;border-radius:9px!important;background:#eaf0ff!important;color:#245ce0!important;font-size:13px!important;font-weight:650!important;white-space:nowrap}button:has(>svg){display:inline-flex;align-items:center;justify-content:center;gap:7px}button svg{flex-shrink:0}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bottom-nav svg{width:21px;height:21px;stroke-width:1.9}.panel h3,.form-group h3{display:flex;align-items:center;gap:9px}.panel h3 svg,.form-group h3 svg{color:#3365d8;stroke-width:1.9}.stat span svg{color:#3768d7;stroke-width:1.9}.search-wrap span{display:flex;align-items:center}.brand-mark,.section-icon{display:grid;place-items:center}.empty>div:first-child{display:flex;justify-content:center;color:#5980c7}.detail-actions button{gap:5px}.password-toggle{display:flex!important;align-items:center;justify-content:center;gap:5px}.person .chevron{display:flex;align-items:center;color:#8b9bb4}