:root{color-scheme:dark;--bg:#0b0d11;--panel:#141820;--panel2:#1b202a;--line:#2b313d;--text:#f4f7fb;--muted:#9ca6b5;--accent:#7d8cff;--danger:#ff6b74;--ok:#62d39d;--shadow:0 22px 70px rgba(0,0,0,.35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.muted{color:var(--muted)}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.brand-mark{width:54px;height:54px;border-radius:16px;background:var(--panel2);display:grid;place-items:center;font-size:25px;margin-bottom:18px}.auth-card h1{margin:0 0 8px;font-size:30px}.auth-card>p{margin-top:0}.tabs{display:flex;background:#0e1117;border-radius:13px;padding:4px;margin:24px 0 18px}.tab{flex:1;border:0;background:transparent;color:var(--muted);padding:10px 8px;border-radius:10px}.tab.active{background:var(--panel2);color:var(--text)}
label{display:block;color:#dce2eb;font-size:13px;margin:14px 0 6px}input,textarea{width:100%;background:#0d1016;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:#6978e9;box-shadow:0 0 0 3px rgba(125,140,255,.12)}textarea{resize:vertical}.primary,.ghost,.danger{border:0;border-radius:12px;padding:12px 16px;font-weight:650}.primary{background:var(--accent);color:white}.ghost{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.danger{background:rgba(255,107,116,.12);color:#ff939a;border:1px solid rgba(255,107,116,.35)}.full{width:100%;margin-top:18px}.warning-box{margin:16px 0;padding:12px 14px;border-radius:12px;background:rgba(255,185,73,.09);border:1px solid rgba(255,185,73,.25);color:#e8d7b7;font-size:13px;line-height:1.45}.session-user{background:#0d1016;border:1px solid var(--line);padding:10px 12px;border-radius:12px}.busy{margin-top:18px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #39404d;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,17,.92);backdrop-filter:blur(14px);z-index:20}.brand-small{font-weight:750}.email-small{color:var(--muted);font-size:12px;margin-top:2px}.header-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;font-size:20px}.content{width:min(980px,100%);margin:0 auto;padding:24px 18px 60px}.search-row{display:flex;gap:10px}.search{font-size:16px;padding:15px 16px;border-radius:16px}.add-btn{width:54px;min-width:54px;border:0;border-radius:16px;background:var(--accent);color:white;font-size:27px}.count-label{color:var(--muted);font-size:12px;margin:14px 4px}.item-list{display:grid;gap:10px}.item-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}.item-card:hover{border-color:#424b5c}.item-main{min-width:0;cursor:pointer}.item-title{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{color:var(--muted);font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions{display:flex;gap:6px;flex-wrap:wrap}.mini-action{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:8px 10px;font-size:12px}.password-action{touch-action:manipulation;-webkit-touch-callout:none}.password-action.revealed{max-width:min(70vw,430px);white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;user-select:none}.fav{color:#ffd166;margin-right:6px}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty h2{color:var(--text);font-size:20px}.empty-icon{font-size:38px}.empty .primary{margin-top:10px}.menu-panel{position:fixed;top:66px;right:15px;width:250px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:7px;z-index:60;box-shadow:var(--shadow)}.menu-panel button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:11px 12px;border-radius:9px}.menu-panel button:hover{background:var(--panel2)}.danger-text{color:#ff8b92!important}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:18px;z-index:80;overflow:auto}.modal-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.modal-card.narrow{width:min(460px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0;font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.span2{grid-column:1/-1}.input-action{display:flex;gap:7px}.input-action input{flex:1}.small-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:0 11px}.custom-head{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.custom-head h3{font-size:15px;margin:0}.compact{padding:8px 10px;font-size:12px}.custom-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;gap:8px;align-items:end;margin-top:9px}.custom-row label{margin:0}.secret-check{display:flex;align-items:center;gap:6px;padding-bottom:11px;color:var(--muted);font-size:12px}.secret-check input{width:auto}.remove-field{height:42px;width:42px;border:1px solid var(--line);background:var(--panel2);color:var(--danger);border-radius:10px}.favorite-row{display:flex;align-items:center;gap:9px;margin-top:18px}.favorite-row input{width:auto}.modal-actions{display:flex;align-items:center;gap:9px;margin-top:22px}.spacer{flex:1}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#202632;border:1px solid #353d4c;color:#fff;padding:11px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:120;box-shadow:var(--shadow);max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:620px){.auth-wrap{padding:16px}.auth-card{padding:23px;border-radius:19px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.item-card{grid-template-columns:1fr}.item-actions{justify-content:flex-start}.custom-row{grid-template-columns:1fr}.secret-check{padding:0}.modal{padding:8px;align-items:end}.modal-card{max-height:94vh;border-radius:18px 18px 0 0;padding:18px}.input-action{flex-wrap:wrap}.input-action input{flex-basis:100%}.small-btn{height:38px}.content{padding-top:16px}}

.viewer-card{width:min(680px,100%)}.viewer-content{margin-top:14px;display:grid;gap:10px}.detail-row{background:#0d1016;border:1px solid var(--line);border-radius:14px;padding:12px 13px}.detail-label{color:var(--muted);font-size:12px;margin-bottom:6px}.detail-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-value{flex:1;min-width:150px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.secret-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;user-select:none}.viewer-content .password-action.revealed{max-width:100%;user-select:text}

.password-popover{position:fixed;z-index:200;max-width:min(86vw,520px);padding:10px 12px;border-radius:11px;background:#202632;border:1px solid #465066;color:#fff;box-shadow:var(--shadow);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:text;pointer-events:none}.password-popover-fixed{left:50%;top:max(86px,calc(env(safe-area-inset-top) + 70px));transform:translateX(-50%)}.secret-value-revealed{letter-spacing:normal!important;user-select:text!important;overflow-wrap:anywhere;word-break:break-word}

.app-version{margin-top:20px;text-align:center;color:#6f7887;font-size:11px;letter-spacing:.04em;user-select:none}.app-version-main{margin-top:34px;padding-bottom:max(4px,env(safe-area-inset-bottom))}