:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202522;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#fff;color:#202522}.app{min-height:100vh;max-width:1120px;margin:auto;padding:0 42px}.header{height:76px;border-bottom:1px solid #eceeec;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;color:#202522;font-size:16px;font-weight:650;letter-spacing:-.5px;display:flex;align-items:center;gap:7px}.wordmark>span:last-child{color:#8b918c;font-weight:450;margin-left:-7px}.mark{width:25px;height:25px;border-radius:8px;background:#202522;color:#fff;display:grid;place-items:center;font-size:16px}.header-right{display:flex;align-items:center;gap:15px}.demo-pill{font-size:10px;letter-spacing:1px;color:#777f79;background:#f4f5f3;border-radius:20px;padding:6px 9px}.icon-button{width:36px;height:36px;border:0;border-radius:50%;background:#202522;color:#fff;font-size:23px;line-height:1;cursor:pointer}.main-content{max-width:760px;margin:54px auto 0}.heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.overline{font-size:10px;letter-spacing:1.5px;color:#929992;font-weight:650;margin:0 0 9px}.heading-row h1{font-size:30px;line-height:1.1;letter-spacing:-1.1px;font-weight:600;margin:0}.count{font-size:12px;color:#929992;padding-bottom:3px}.search{height:46px;border:1px solid #e7eae7;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#8b938d}.search span{font-size:23px;line-height:1}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:13px;color:#202522}.categories{display:flex;gap:7px;overflow-x:auto;padding:17px 0 18px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{white-space:nowrap;border:1px solid transparent;border-radius:20px;padding:7px 11px;background:#f6f7f5;color:#737b74;font:inherit;font-size:11px;cursor:pointer}.category.active{background:#202522;color:#fff}.list-heading{display:flex;justify-content:space-between;padding:11px 2px;border-bottom:1px solid #eceeec;color:#9aa09b;font-size:9px;font-weight:650;letter-spacing:1.1px}.entries{border-bottom:1px solid #eceeec}.entry{width:100%;height:70px;display:flex;align-items:center;gap:13px;padding:0 3px;border:0;border-bottom:1px solid #f0f1ef;background:#fff;text-align:left;cursor:pointer}.entry:last-child{border-bottom:0}.entry:hover{background:#fafbfa}.entry-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#f3f5f2;color:#4f5951;font-size:13px;font-weight:600}.entry-copy{display:flex;flex-direction:column;gap:5px;flex:1}.entry-copy strong{font-size:13px;font-weight:570}.entry-copy small{font-size:11px;color:#9aa09b}.chevron{font-size:22px;color:#b2b8b2;font-weight:300}.empty{padding:34px 4px;color:#909790;font-size:13px}.safety-note{margin-top:23px;font-size:10px;color:#969d97;display:flex;gap:7px;align-items:center}.safety-note span{font-size:13px}footer{max-width:760px;margin:75px auto 25px;color:#a2a8a2;font-size:10px}footer span{padding:0 5px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#171b1880;display:flex;align-items:center;justify-content:center;padding:18px;z-index:5}.modal{background:#fff;color:#202522;width:min(100%,510px);max-height:90vh;overflow:auto;border-radius:14px;padding:25px;box-shadow:0 18px 70px #0002}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.modal-head h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:0}.close{border:0;background:#f4f5f3;border-radius:50%;width:31px;height:31px;font-size:21px;color:#656d66;cursor:pointer}.form-label{display:flex;flex-direction:column;gap:8px;margin:0 0 17px;font-size:11px;color:#69716a;font-weight:550}.form-label input,.form-label select,.custom-row input{height:42px;border:1px solid #e5e9e5;border-radius:7px;padding:0 11px;background:#fff;color:#202522;font:inherit;font-size:13px;min-width:0;outline-color:#9aa79b}.fields-heading{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0 10px}.fields-heading strong{font-size:13px;font-weight:600}.fields-heading span{font-size:10px;color:#9aa09b}.custom-row{display:grid;grid-template-columns:.8fr 1.2fr 29px;gap:7px;margin:8px 0}.custom-row input{width:100%}.remove-row{border:0;background:#f5f6f4;color:#7c847d;border-radius:6px;font-size:18px;cursor:pointer}.add-row{border:0;background:transparent;color:#3f6d50;font-size:12px;font-weight:600;padding:10px 0;cursor:pointer}.save-button{width:100%;height:43px;border:0;border-radius:7px;background:#202522;color:#fff;font-size:12px;font-weight:600;margin-top:14px;cursor:pointer}.modal-note{font-size:10px;color:#9aa09b;line-height:1.5;margin:15px 0 0}.detail-category{font-size:11px;color:#929992;margin:-15px 0 20px}.saved-fields{border-top:1px solid #eceeec}.saved-field{display:flex;justify-content:space-between;gap:20px;padding:14px 1px;border-bottom:1px solid #eceeec;font-size:12px}.saved-field span{color:#858d86}.saved-field strong{font-weight:550;text-align:right;overflow-wrap:anywhere}@media(max-width:650px){.app{padding:0 19px}.header{height:65px}.main-content{margin-top:38px}.heading-row h1{font-size:27px}.categories{margin-right:-19px}.modal{padding:21px 17px}.custom-row{grid-template-columns:.85fr 1.15fr 27px;gap:5px}.custom-row input{padding:0 8px;font-size:11px}footer{margin-top:60px}}:root{--bg:#f3f7f4;--card:#fff;--text:#13261e;--muted:#65776d;--line:#dce8df;--green:#087f5b;--dark:#0b2118;--shadow:0 8px 26px rgba(12,48,31,.06)}html,body{background:var(--bg);color:var(--text)}.app{max-width:1240px;padding:0 34px}.header{height:82px;border-bottom-color:var(--line)}.wordmark{font-size:18px;letter-spacing:-.7px;color:var(--dark)}.mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#0c7654,#25bb7b);font-size:20px;box-shadow:0 7px 17px #0b8f6230}.wordmark>span:last-child{color:#788a7e}.demo-pill{background:#d9fbe8;color:#075b3b;border:1px solid #b7f2d0;font-weight:750}.icon-button{background:linear-gradient(135deg,#087f5b,#0b9b6b);box-shadow:0 5px 13px #087f5b30}.main-content{max-width:900px;margin:42px auto 0}.heading-row h1{font-size:34px;letter-spacing:-1.3px;color:#13261e;font-weight:780}.overline{color:#789185;letter-spacing:1.6px}.count{background:#e6f4eb;color:#176b52;padding:7px 10px;border-radius:8px;font-weight:650}.search{background:#fff;border-color:#dce8df;border-radius:12px;box-shadow:0 3px 12px #143c2510}.search:focus-within{border-color:#78b99a;box-shadow:0 0 0 3px #bdebd033}.categories{padding:19px 0}.category{background:#fff;border:1px solid #e0e9e2;color:#617369;border-radius:10px;padding:9px 13px;font-weight:600}.category.active{background:#0b2118;color:#fff;border-color:#0b2118;box-shadow:0 5px 13px #0b211820}.list-heading{border-bottom-color:#dce8df;color:#789185}.entries{background:#fff;border:1px solid #e0e9e2;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.entry{height:76px;padding:0 15px;border-bottom-color:#edf2ee}.entry:hover{background:#f5fbf7}.entry-icon{background:#e5f6eb;color:#087f5b;border-radius:12px;font-weight:800}.entry-copy strong{color:#173b2b;font-size:13px;font-weight:700}.entry-copy small{color:#839187}.chevron{color:#8ca497}.safety-note{background:#fff;border:1px solid #e0e9e2;border-radius:11px;padding:12px 14px;color:#788a7e}footer{color:#89988e}.modal{border:1px solid #e0e9e2;border-radius:20px;box-shadow:0 24px 70px #0b211838}.modal-head h2{color:#13261e;font-weight:750}.close{background:#edf5ef;color:#426b55}.form-label{color:#65776d;font-weight:650}.form-label input,.form-label select,.custom-row input{border-color:#dce8df;background:#fbfdfb;border-radius:10px}.form-label input:focus,.form-label select:focus,.custom-row input:focus{outline:2px solid #bdebd0;border-color:#4da77c}.fields-heading strong{color:#173b2b}.add-row{color:#087f5b;font-weight:750}.save-button{background:linear-gradient(135deg,#087f5b,#0b9b6b);border-radius:10px;box-shadow:0 5px 14px #087f5b25}.remove-row{background:#f0f5f1;color:#6f8075}.modal-note{color:#89968d}@media(max-width:650px){.app{padding:0 16px}.header{height:72px}.main-content{margin-top:32px}.heading-row h1{font-size:30px}.categories{margin-right:-16px}.entry{height:72px;padding:0 11px}.modal{border-radius:20px 20px 0 0}}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;background:linear-gradient(145deg,#f3f7f4,#eaf3ed)}.gate-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#0b2118;font-size:20px;font-weight:600;letter-spacing:-.6px}.gate-brand strong{font-weight:400;color:#788a7e;margin-left:2px}.gate-card{width:min(100%,440px);padding:32px;background:#fff;border:1px solid #dce8df;border-radius:22px;box-shadow:0 18px 55px #0b211817}.gate-card h1{font-size:29px;letter-spacing:-1px;margin:0 0 12px;color:#13261e}.gate-copy{font-size:13px;line-height:1.65;color:#65776d;margin:0 0 25px}.gate-warning{font-size:11px;line-height:1.6;color:#8a7660;background:#fbf7ef;border:1px solid #eee3d1;padding:12px;border-radius:10px;margin:17px 0 0}.status{font-size:12px;color:#087f5b;min-height:18px;margin-top:12px}.status.error{color:#b42318}.backup-tools{margin-top:16px;text-align:center}.import-button{font-size:12px;color:#087f5b;text-decoration:underline;cursor:pointer}.gate-foot{font-size:10px;color:#829187;margin-top:22px}.secure-pill{font-size:10px;letter-spacing:1px;color:#075b3b;background:#d9fbe8;border:1px solid #b7f2d0;border-radius:20px;padding:6px 9px;font-weight:750}.vault-actions{display:flex;gap:10px;justify-content:space-between;margin-top:14px}.vault-actions button,.detail-actions button{border:1px solid #dce8df;background:#fff;color:#28654c;border-radius:9px;padding:10px 13px;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.detail-actions{display:flex;gap:9px;margin-top:20px}.detail-actions .danger-button{color:#a33b35;border-color:#f0d8d6}.secret-value{display:flex;align-items:center;gap:10px}.secret-value strong{font-weight:600;letter-spacing:.3px;overflow-wrap:anywhere}.reveal-field{border:0;background:#edf5ef;color:#087f5b;border-radius:6px;padding:5px 8px;font:inherit;font-size:10px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}@media(max-width:520px){.gate-card{padding:25px 20px}.vault-actions{flex-direction:column}.vault-actions button{width:100%}}