:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172538;background:#f4f6f9;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,input,select,textarea{border-radius:8px}button{border:1px solid #dce2e9;background:white;color:#263850;padding:10px 14px;line-height:1.3}button:hover{background:#edf2f6}button:focus-visible,a:focus-visible{outline:3px solid #3db99c;outline-offset:3px}.primary{background:#172e46;color:white;border-color:#172e46}.primary:hover{background:#254764}.subtle{border-color:transparent;background:transparent}.danger{color:#ae3045}.layout{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#172538;color:#d5deea;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:27px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:12px;color:white;margin:0 12px 48px}.brand-mark{color:#83e1c7;font-size:31px}.sidebar button{color:inherit;border:0;background:transparent;text-align:left;display:flex;justify-content:space-between;align-items:center;width:100%;margin:4px 0;padding:12px}.sidebar button:hover{background:#24364d}.sidebar button.active{background:#30465c;color:#fff}.count{font-size:13px;background:#ffffff16;border-radius:5px;padding:2px 6px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:650;color:#7b8da5;margin:32px 12px 14px}.side-foot{margin-top:auto;padding-top:48px;font-size:14px;color:#aebdd0}.side-foot p{padding:0 12px;line-height:1.6}.main{padding:44px 48px;max-width:1450px;width:100%;margin:auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.kicker{color:#718097;font-size:14px;margin:0 0 10px}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:0}h2{font-size:22px;letter-spacing:-.5px}p{line-height:1.6}.muted{color:#64758b}.toolbar{display:flex;gap:12px;margin:32px 0 24px}.search{position:relative;flex:1}.search input{width:100%;padding:14px 16px 14px 44px;background:white;border:1px solid #dce2e9}.search span{position:absolute;left:16px;top:12px;font-size:22px;color:#718097}.notice{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e8f2f2;border:1px solid #cadfdf;border-radius:10px;padding:13px 18px;margin:24px 0;color:#315b5b;font-size:14px}.notice button{font-size:14px;white-space:nowrap;background:transparent;border-color:#b2cdcd}.collection{background:white;border:1px solid #dce2e9;border-radius:12px;overflow:hidden}.list-head{display:grid;grid-template-columns:1.4fr 1fr 130px 116px;gap:16px;padding:16px 24px;background:#fafbfd;color:#748297;font-size:12px;letter-spacing:1px;text-transform:uppercase}.entry{display:grid;grid-template-columns:1.4fr 1fr 130px 116px;align-items:center;gap:16px;padding:23px 24px;border-top:1px solid #edf0f4}.entry:hover{background:#fbfcfd}.entry-title{display:flex;align-items:center;gap:14px;min-width:0}.monogram{display:grid;place-items:center;width:42px;height:42px;background:#eef2f8;color:#536b8d;border-radius:11px;font-size:17px;font-weight:650;flex-shrink:0}.title-button{padding:0;border:0;background:transparent;text-align:left;min-width:0}.title-button:hover{background:transparent;color:#207565}.title-button strong{display:block;font-size:16px;margin-bottom:5px}.entry small{display:block;font-size:13px;color:#7a8798}.username{font-size:14px;overflow-wrap:anywhere}.badge{font-size:13px;color:#516c79;background:#edf4f6;border-radius:5px;padding:5px 8px;display:inline-block;max-width:100%;overflow-wrap:anywhere}.copy{font-size:14px;padding:9px 11px}.bottom-note{font-size:13px;color:#778597;margin-top:22px;display:flex;justify-content:space-between;gap:16px}.empty{text-align:center;padding:60px 20px}.empty .symbol{font-size:35px;color:#8fa6bd}.gate{min-height:100vh;display:grid;place-items:center;padding:28px;background:#172538}.gate-card{width:100%;max-width:450px;background:#fff;padding:36px;border-radius:16px;box-shadow:0 20px 70px #09131e55}.gate-card .brand{color:#172538;margin:0 0 30px}.gate-card .brand-mark{color:#258c74}.gate-card h1{font-size:28px}.gate-card form{margin-top:24px}.gate-card button{width:100%;margin-top:10px}label{display:block;font-size:14px;font-weight:550;margin:20px 0 8px}input,select,textarea{width:100%;border:1px solid #ced7e2;padding:12px;background:#fff;color:#172538}input:focus,select:focus,textarea:focus{outline:2px solid #389b86;outline-offset:1px}textarea{resize:vertical;min-height:88px}dialog{width:calc(100% - 32px);max-width:540px;padding:30px;border:0;border-radius:14px;color:#172538;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#0d1c30a3;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-top h2{margin:0}.row{display:flex;gap:8px;align-items:center}.row input{flex:1;min-width:0}.row button{flex-shrink:0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.actions .danger{margin-right:auto}.error{color:#a62e45;font-size:14px;min-height:20px}.helper{font-size:13px;color:#6b798b;line-height:1.5}.detail{margin:25px 0}.detail dt{font-size:13px;color:#6b798b;margin:20px 0 8px}.detail dd{margin:0;overflow-wrap:anywhere}.detail pre{font:inherit;white-space:pre-wrap;margin:0}.secret{font-family:ui-monospace,monospace;overflow-wrap:anywhere;flex:1;min-width:0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#172538;color:#fff;padding:13px 22px;border-radius:9px;box-shadow:0 4px 20px #0002;z-index:10;max-width:90vw;font-size:14px}#toast:empty{display:none}.mobile-categories{display:none}.category-tools{display:flex;gap:8px}.server-state{font-size:13px;color:#64758b}
@media(min-width:1500px){.main{padding:60px 72px}}@media(max-width:1050px){.main{padding:32px 24px}.layout{grid-template-columns:210px 1fr}.list-head,.entry{grid-template-columns:1.3fr 1fr 108px}.category-cell{display:none}.entry{padding:20px 18px;gap:12px}.list-head{padding:16px 18px}}@media(max-width:760px){.layout{display:block}.sidebar{padding:16px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.brand{margin:0;font-size:23px}.sidebar nav,.sidebar .eyebrow,.side-foot p,.sidebar #new-category,.sidebar #backup{display:none}.side-foot{padding:0;margin:0}.main{padding:26px 18px}.topline{align-items:flex-start}h1{font-size:27px}.topline>.primary{font-size:14px;padding:10px}.notice{align-items:flex-start;flex-direction:column;gap:8px}.toolbar{margin-top:22px}.mobile-categories{display:flex;gap:8px;margin-bottom:20px}.mobile-categories select{flex:1;min-width:0}.list-head{display:none}.entry{grid-template-columns:1fr auto;padding:18px 14px}.username{grid-column:1;margin-left:56px;margin-top:-10px;font-size:13px}.copy{grid-column:2;grid-row:1/3}.bottom-note{flex-direction:column;gap:6px}.gate-card{padding:26px}.category-tools{margin-top:15px}.topline{flex-wrap:wrap}.row{flex-wrap:wrap}.row input{flex-basis:60%}}
.check{width:auto;margin-right:8px}.category-tools{margin-bottom:16px}a{color:#236b82}.title-button strong,.sidebar button span:first-child{overflow-wrap:anywhere}

.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-card{display:flex;flex-direction:column;align-items:flex-start;min-height:185px;padding:24px;text-align:left;border-radius:12px;background:#fff;transition:background .15s,border-color .15s}.category-card:hover{background:#f0f8f7;border-color:#87b7ad}.category-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#e5f3ee;color:#287661;font-size:32px;margin-bottom:20px}.category-card strong{font-size:20px;overflow-wrap:anywhere}.category-open{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:14px;color:#64758b;margin-top:18px}.back-categories{margin:0 0 20px -14px}.main{align-self:start;margin-top:0}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.category-grid{grid-template-columns:1fr;gap:12px}.category-card{min-height:140px;padding:20px}.category-icon{margin-bottom:12px}}

.username{display:flex;align-items:center;gap:8px;min-width:0}.username>span{min-width:0;overflow-wrap:anywhere}.copy-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border-color:transparent;background:transparent;color:#536b80}.copy-icon:hover{background:#e5f3ee;color:#287661;border-color:#c3ded5}.password-cell{display:flex;align-items:center;gap:6px}.password-mask{color:#75859a;letter-spacing:1px;font-size:14px}@media(max-width:760px){.username{margin-top:0}.password-cell{grid-column:2;grid-row:1/3;flex-direction:column;gap:2px}.copy-icon{width:44px;height:44px}}

.credential-controls{display:flex;flex-direction:column;gap:8px;min-width:0}.credential-control{display:flex;align-items:center;justify-content:space-between;gap:6px}.credential-label{display:block;font-size:12px;color:#64758b;line-height:1.4}.credential-control .password-mask{display:block}.list-head,.entry{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 130px 125px}@media(max-width:1050px){.list-head,.entry{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 120px}}@media(max-width:760px){.entry{grid-template-columns:minmax(0,1fr) 108px}.credential-controls{grid-column:2;grid-row:1/3}.credential-control{gap:2px}.credential-label{font-size:12px}}