:root{--base: #07080a;--bg: #07080a;--p1: #0c0e12;--bg-1: #0c0e12;--p2: #12151b;--bg-2: #12151b;--p3: #181c24;--bg-3: #181c24;--border: #232936;--line: #232936;--soft: #1a1f29;--line-soft: #1a1f29;--hair: #15191f;--text: #e7ecf3;--dim: #97a1b2;--text-dim: #97a1b2;--faint: #5d6678;--text-faint: #5d6678;--accent: #36c6ff;--accent-dim: #1b6f93;--accent-soft: rgba(54, 198, 255, .12);--glow: rgba(54, 198, 255, .14);--accent-glow: rgba(54, 198, 255, .14);--success: #36e0a4;--good: #36e0a4;--warning: #ffcb45;--warn: #ffcb45;--danger: #ff5a6a;--bad: #ff5a6a;--radius: 10px;--radius-sm: 7px;--mono: "JetBrains Mono", "SF Mono", "Cascadia Code", ui-monospace, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--e-out: cubic-bezier(.16, 1, .3, 1);--e-io: cubic-bezier(.65, 0, .35, 1);--t-fast: .16s;--t-mid: .24s;--t-slow: .34s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--base);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.mono{font-family:var(--mono)}.muted{color:var(--dim)}::selection{background:#36c6ff40;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:2px solid var(--bg-1)}::-webkit-scrollbar-thumb:hover{background:#2e3647}.btn{display:inline-flex;align-items:center;gap:7px;justify-content:center;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-weight:500;font-size:13px;transition:all .12s ease;white-space:nowrap}.btn:hover{border-color:#34405a;background:var(--bg-3)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#03121a;font-weight:600}.btn.primary:hover{background:#54d0ff;box-shadow:0 0 24px var(--accent-glow)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2);border-color:var(--line)}.btn.danger{color:var(--bad);border-color:transparent}.btn.danger:hover{background:#ff5a6a1a;border-color:#ff5a6a4d}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.icon{padding:8px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600}.input{width:100%;padding:10px 12px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);transition:border-color .12s,box-shadow .12s}.input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:var(--faint)}textarea.input{resize:vertical;min-height:80px;font-family:var(--mono);font-size:13px}.tag{display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--mono);color:var(--accent);background:#36c6ff14;border:1px solid rgba(54,198,255,.25);border-radius:7px;padding:6px 8px}.tag .hash{color:var(--faint)}.chip-toggle{padding:7px 12px;border-radius:20px;border:1px solid var(--line);background:var(--bg-1);color:var(--dim);font-size:12px;-webkit-user-select:none;user-select:none}.chip-toggle.on{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.meter{height:5px;border-radius:3px;background:var(--bg-3);overflow:hidden;display:flex}.meter>span{height:100%;transition:width .2s}.divider{height:1px;background:var(--line);margin:4px 0}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.pwrow{display:flex;gap:8px;align-items:stretch}.pwrow .input{flex:1;font-family:var(--mono)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#020305a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:24px}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;width:100%;max-width:480px;box-shadow:0 30px 80px #0009;overflow:hidden}.modal.lg{max-width:620px}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{font-size:16px;font-weight:650}.modal-body{padding:22px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.kv{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px}.kv .k{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:600;margin-bottom:3px}.kv .v{display:flex;align-items:center;gap:10px}.kv .v .val{flex:1;min-width:0;word-break:break-all;font-family:var(--mono);font-size:13px}.kv .v .val.secret{letter-spacing:2px}.kv .copybtn{color:var(--dim);padding:4px 7px;border-radius:6px;border:1px solid transparent;font-size:12px;background:none}.kv .copybtn:hover{background:var(--bg-3);color:var(--text);border-color:var(--line)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:100;background:var(--bg-3);border:1px solid var(--line);padding:10px 18px;border-radius:24px;font-size:13px;box-shadow:0 12px 40px #00000080}svg{fill:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:264px 372px 1fr;background:var(--base);overflow:hidden;background-image:radial-gradient(900px 520px at 86% -8%,rgba(54,198,255,.05),transparent 60%),linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:auto,100% 44px,44px 100%}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1400px 900px at 50% 30%,transparent,rgba(5,6,8,.55) 92%)}.app>*{position:relative;z-index:1}.app svg{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.items,.detail-scroll{scrollbar-width:thin}.sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0e12eb,#090b0feb);border-right:1px solid var(--soft);min-height:0}.brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px;border-bottom:1px solid var(--soft)}.brand-icon{width:38px;height:38px;border-radius:10px;box-shadow:0 0 26px #36c6ff29;flex:0 0 38px}.brand-wm{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-name{font-size:15px;font-weight:700;letter-spacing:.16em;color:var(--text);display:flex;align-items:center}.brand-cursor{display:inline-block;width:9px;height:14px;margin-left:1px;background:var(--accent);border-radius:1px;box-shadow:0 0 10px #36c6ff99;animation:bbBlink 1.05s steps(1,end) infinite;transform:translateY(1px)}.brand-sub{font-size:8.5px;font-weight:600;letter-spacing:.2em;color:var(--faint)}.nav{display:flex;flex-direction:column;gap:2px;padding:12px 12px 6px}.nav-section-label{padding:14px 18px 6px;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--faint);text-transform:uppercase}.nav-cats{padding-top:0;flex:0 1 auto;overflow-y:auto;min-height:0}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:38px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--dim);cursor:pointer;text-align:left;font-size:13px;font-weight:500;transition:all var(--t-fast) var(--e-out)}.nav-item .nav-ico{width:17px;height:17px;flex:0 0 17px;color:var(--faint);transition:color var(--t-fast)}.cat-glyph{width:17px;flex:0 0 17px;text-align:center;font-size:13px;font-weight:700;color:var(--faint);transition:color var(--t-fast)}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font:600 11px/1 var(--mono);color:var(--faint);min-width:22px;height:20px;padding:0 6px;display:grid;place-items:center;background:#ffffff06;border:1px solid var(--soft);border-radius:6px;transition:all var(--t-fast)}.nav-item:hover{color:var(--text);background:#ffffff06;border-color:var(--soft)}.nav-item:hover .nav-ico,.nav-item:hover .cat-glyph{color:var(--dim)}.nav-item.active{color:var(--text);background:linear-gradient(90deg,#36c6ff1a,#36c6ff05);border-color:#36c6ff47}.nav-item.active .nav-ico,.nav-item.active .cat-glyph{color:var(--accent)}.nav-item.active .nav-count{color:var(--accent);border-color:#36c6ff4d;background:#36c6ff14}.nav-item.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 12px #36c6ffb3}.side-foot{margin-top:auto;border-top:1px solid var(--soft)}.account{display:flex;align-items:center;gap:11px;width:100%;padding:13px 16px;background:transparent;border:0;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--e-out)}.account:hover{background:#ffffff05}.avatar{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--accent);background:#36c6ff1a;border:1px solid rgba(54,198,255,.3);box-shadow:0 0 18px #36c6ff1a}.account-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.account-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-org{font-size:8.5px;letter-spacing:.14em;color:var(--faint)}.account-chev{width:16px;height:16px;color:var(--faint)}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 16px;background:#080a0d;border-top:1px solid var(--hair)}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #36e0a424;animation:bbBreathe 3s var(--e-io) infinite}@keyframes bbBreathe{0%,to{opacity:.65}50%{opacity:1}}.status-text{font-size:8.5px;font-weight:700;letter-spacing:.14em;color:var(--success)}.status-right{display:flex;align-items:center;gap:2px}.status-ico{width:28px;height:28px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--faint);cursor:pointer;display:grid;place-items:center;transition:all var(--t-fast) var(--e-out)}.status-ico svg{width:15px;height:15px;stroke-width:1.6}.status-ico:hover{color:var(--text);background:var(--p2);border-color:var(--border)}.status-ico.locked{color:var(--accent)}.status-ico.locked:hover{background:#36c6ff1a;border-color:#36c6ff4d}.list-col{display:flex;flex-direction:column;border-right:1px solid var(--soft);background:#08090c8c;min-height:0}.list-top{display:flex;align-items:center;gap:10px;padding:16px 16px 12px}.search{position:relative;flex:1;display:flex;align-items:center}.search-ico{position:absolute;left:12px;width:15px;height:15px;color:var(--faint);pointer-events:none}.search-input{width:100%;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--base);color:var(--text);padding:0 52px 0 36px;font-size:12.5px;transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}.search-input::placeholder{color:var(--faint)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #36c6ff1f}.search-kbd{position:absolute;right:9px;font-size:9.5px;font-weight:600;color:var(--faint);border:1px solid var(--soft);border-radius:5px;padding:3px 6px;background:#ffffff05;pointer-events:none}.btn-new{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:10px;cursor:pointer;font-size:12.5px;font-weight:600;color:#04121a;background:var(--accent);border:1px solid var(--accent);box-shadow:0 0 28px var(--glow);transition:all var(--t-fast) var(--e-out)}.btn-new .new-ico{width:16px;height:16px;stroke-width:2.2;color:#04121a}.btn-new:hover{background:#52d0ff;box-shadow:0 0 36px #36c6ff4d}.btn-new:active{transform:translateY(1px)}.list-meta{display:flex;align-items:center;justify-content:space-between;padding:2px 18px 10px;border-bottom:1px solid var(--soft)}.list-count{font-size:10.5px;letter-spacing:.08em;color:var(--faint)}.list-sort{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;cursor:pointer;font-size:9.5px;font-weight:600;letter-spacing:.12em;color:var(--faint)}.list-sort svg{width:13px;height:13px}.list-sort:hover{color:var(--dim)}.items{list-style:none;padding:8px;overflow-y:auto;flex:1;min-height:0}.list-empty{padding:40px 20px;text-align:center;color:var(--faint);font-size:13px}.item{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:11px;cursor:pointer;transition:background var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out);margin-bottom:2px}.item:hover{background:#ffffff06;border-color:var(--soft)}.item-glyph{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;font:700 15px/1 var(--mono);color:var(--dim);background:linear-gradient(150deg,#171b22,#0c0e12);border:1px solid var(--border);transition:all var(--t-fast) var(--e-out)}.item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.item-title{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-sub{font-size:11px;color:var(--faint);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-star{width:15px;height:15px;color:var(--faint);flex:0 0 15px;opacity:0;transition:opacity var(--t-fast),color var(--t-fast)}.item-star.on{opacity:1;color:var(--warning);fill:var(--warning)}.item:hover .item-star{opacity:.6}.item.selected{background:linear-gradient(90deg,#36c6ff1a,#36c6ff04);border-color:#36c6ff52;box-shadow:0 0 0 1px #36c6ff1f,0 14px 34px #00000073}.item.selected:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 12px #36c6ffb3}.item.selected .item-glyph{color:var(--accent);border-color:#36c6ff66;background:linear-gradient(150deg,#36c6ff24,#0c0e12);box-shadow:0 0 20px #36c6ff24}.item.selected .item-title{color:#fff}.item.selected .item-star{opacity:1}.detail{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(720px 420px at 84% -6%,rgba(54,198,255,.04),transparent 62%);min-height:0}.detail-scroll{flex:1;overflow-y:auto}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:40px}.empty-mark{width:84px;height:84px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(150deg,#13161d,#0a0c10);display:grid;place-items:center;box-shadow:0 24px 60px #00000080}.empty-mark svg{width:34px;height:34px;color:var(--faint);stroke-width:1.6}.empty-title{font-size:15px;font-weight:600;color:var(--dim)}.empty-sub{font-size:12px;color:var(--faint)}.dh{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px 28px 16px;border-bottom:1px solid var(--soft)}.dh:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:34%;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;animation:bbScan 4.2s var(--e-io) infinite}@keyframes bbScan{0%{transform:translate(-30%);opacity:0}30%{opacity:.85}to{transform:translate(360%);opacity:0}}.dh-glyph{width:54px;height:54px;flex:0 0 54px;border-radius:14px;display:grid;place-items:center;font:700 22px/1 var(--mono);color:var(--accent);background:linear-gradient(150deg,#36c6ff24,#0c0e12);border:1px solid rgba(54,198,255,.34);box-shadow:0 0 28px #36c6ff29}.dh-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.dh-titlerow{display:flex;align-items:center;gap:10px}.dh-title{font-size:21px;font-weight:700;letter-spacing:-.01em;color:#fff}.dh-fav{width:18px;height:18px;color:var(--warning);flex:0 0 18px;background:none;border:0;cursor:pointer}.dh-fav.on svg{fill:var(--warning)}.dh-tagrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dh-chip{display:inline-flex;align-items:center;gap:6px;font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border);border-radius:6px;padding:5px 8px;background:#ffffff05}.dh-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #36e0a480}.dh-actions{display:flex;align-items:center;gap:7px}.dh-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--p2);color:var(--dim);cursor:pointer;display:grid;place-items:center;transition:all var(--t-fast) var(--e-out)}.dh-btn svg{width:16px;height:16px}.dh-btn:hover{color:var(--text);border-color:#2c3343;background:var(--p3)}.dh-btn.primary{background:var(--accent);color:#04121a;border-color:var(--accent);box-shadow:0 0 24px var(--glow)}.dh-btn.primary:hover{background:#52d0ff}.dh-btn.danger:hover{color:var(--danger);border-color:#ff5a6a66}.db{padding:18px 28px 40px;display:flex;flex-direction:column;gap:14px}.field-label{display:block;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.db>.fieldblock{display:block}.cfield{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 8px 6px 14px;border:1px solid var(--border);border-radius:11px;background:var(--base);transition:border-color var(--t-fast) var(--e-out)}.cfield:hover{border-color:#2c3343}.cfield-val{flex:1;min-width:0;font-size:13.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfield-val.mono{font-family:var(--mono);font-size:12.5px}.cfield-val.multiline{white-space:pre-wrap;word-break:break-word}.cfield-val a{color:var(--accent)}.fbtn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--faint);cursor:pointer;display:grid;place-items:center;transition:all var(--t-fast) var(--e-out);flex:0 0 34px}.fbtn svg{width:16px;height:16px}.fbtn:hover{color:var(--accent);background:#36c6ff14}.fbtn.copied{color:var(--success)}.fbtn-group{display:flex;align-items:center;gap:2px;flex:0 0 auto}.frow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pass-card{position:relative;border:1px solid rgba(54,198,255,.22);border-radius:13px;overflow:hidden;background:linear-gradient(150deg,#36c6ff0d,#36c6ff03),var(--base)}.pass-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--soft);background:#36c6ff08}.pcm{display:flex;align-items:center;gap:8px;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.pcm svg{width:14px;height:14px}.pass-age{font:500 10px/1 var(--mono);color:var(--faint)}.pass-row{display:flex;align-items:center;gap:10px;padding:12px 14px}.pass-val{flex:1;min-width:0;font-family:var(--mono);font-size:16px;letter-spacing:.04em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pass-val.masked{letter-spacing:3px;font-size:18px;color:var(--dim)}.strength{display:flex;align-items:center;gap:11px;padding:0 14px 12px}.strength-bar{flex:1;height:5px;border-radius:3px;overflow:hidden;display:flex;gap:3px}.sseg{flex:1;border-radius:2px;background:#161b23;transition:background var(--t-mid) var(--e-out)}.sseg.on{background:linear-gradient(90deg,var(--success),#7af0c6)}.sseg.on.mid{background:linear-gradient(90deg,var(--warning),#ffe08a)}.sseg.on.weak{background:linear-gradient(90deg,var(--danger),#ff8a96)}.strength-label{font:600 10.5px/1 var(--mono);color:var(--success);letter-spacing:.04em;white-space:nowrap}.strength-label.mid{color:var(--warning)}.strength-label.weak{color:var(--danger)}.totp{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--base)}.totp-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--soft);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.totp-head svg{width:14px;height:14px;color:var(--accent)}.totp-row{display:flex;align-items:center;gap:14px;padding:12px 14px}.totp-code{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:.18em;color:var(--text);display:flex;gap:10px;flex:1}.totp-ring{position:relative;width:34px;height:34px;flex:0 0 34px}.totp-ring svg{width:34px;height:34px;transform:rotate(-90deg)}.totp-ring .track{stroke:#1a1f29;stroke-width:3;fill:none}.totp-ring .prog{stroke:var(--accent);stroke-width:3;fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.totp-ring.low .prog{stroke:var(--warning)}.totp-secs{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 11px/1 var(--mono);color:var(--dim)}.notes-box{border:1px solid var(--border);border-radius:11px;background:var(--base);padding:12px 14px;font-size:12.5px;line-height:1.48;color:var(--dim);white-space:pre-wrap}.tagrow{display:flex;flex-wrap:wrap;gap:7px}.dmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;padding:14px 0 0;border-top:1px solid var(--soft)}.dmeta-item{min-width:0;display:flex;flex-direction:column;gap:5px}.dmeta-k{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.dmeta-v{font:500 10.5px/1.25 var(--mono);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmeta-v .ok{color:var(--success)}.capture{position:absolute;right:28px;bottom:18px;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 13px;border-radius:11px;max-width:548px;background:#080a0ddb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 18px 50px #0000008c}.capture-line{display:flex;align-items:center;gap:7px;font-size:11.5px;min-width:0}.cap-prompt{color:var(--accent);font-weight:600}.cap-arrow{color:var(--faint)}.cap-text{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-cursor{display:inline-block;width:7px;height:13px;background:var(--accent);box-shadow:0 0 8px #36c6ff99;animation:bbBlink 1.05s steps(1) infinite;flex:0 0 7px}.cap-div{width:1px;height:18px;background:var(--soft);flex:0 0 1px}.cap-status{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--faint);white-space:nowrap}.cap-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #36e0a424;animation:bbBreathe 3s var(--e-io) infinite}.db>*{animation:bbRise var(--t-slow) var(--e-out) both}.db>*:nth-child(2){animation-delay:40ms}.db>*:nth-child(3){animation-delay:80ms}.db>*:nth-child(4){animation-delay:.12s}.db>*:nth-child(5){animation-delay:.16s}.db>*:nth-child(6){animation-delay:.2s}.db>*:nth-child(7){animation-delay:.24s}.typemenu{position:absolute;right:0;top:calc(100% + 6px);z-index:10;width:210px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 20px 50px #00000080}@media (max-width: 1000px){.app{grid-template-columns:220px 300px 1fr}}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar,.list-col{display:none}}@media (prefers-reduced-motion: reduce){.app *,.app *:before,.app *:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.brand-cursor,.cap-cursor,.status-dot{opacity:1}.dh:after{display:none}}.bb-lock{--hair: #15191f;--e-out: cubic-bezier(.16, 1, .3, 1);--e-io: cubic-bezier(.65, 0, .35, 1);--t-fast: .16s;--t-mid: .24s;--t-slow: .34s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:1fr 520px;background:var(--bg);overflow:hidden}.bb-lock svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bb-lock .mono{font-family:var(--mono)}.bb-lock .hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line-soft);background:radial-gradient(820px 560px at 42% 40%,rgba(54,198,255,.05),transparent 62%),linear-gradient(160deg,#0a0c10,#07080a 60%,#060709)}.bb-lock .hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 1px,transparent 1px 9px),linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:auto,100% 46px,46px 100%;-webkit-mask-image:radial-gradient(700px 600px at 50% 42%,#000 30%,transparent 86%);mask-image:radial-gradient(700px 600px at 50% 42%,#000 30%,transparent 86%)}.bb-lock .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 800px at 50% 36%,transparent,rgba(4,5,7,.6) 92%)}.bb-lock .hero>*{position:relative;z-index:1}.bb-lock .vault-stage{position:relative;width:460px;height:460px;display:grid;place-items:center;margin-bottom:6px}.bb-lock .unlock-ring{position:absolute;width:460px;height:460px;border-radius:50%;border:2px solid rgba(54,198,255,0);opacity:0;pointer-events:none}.bb-lock .unlock-ring.fire{animation:bbRing 1.5s var(--e-out)}@keyframes bbRing{0%{opacity:0;transform:scale(.86);border-color:#36c6ffe6;box-shadow:0 0 #36c6ff59}35%{opacity:1}to{opacity:0;transform:scale(1.22);border-color:#36c6ff00;box-shadow:0 0 60px 18px #36c6ff00}}.bb-lock .vault{position:relative;width:460px;height:460px;border-radius:50%;display:grid;place-items:center;transition:filter var(--t-slow) var(--e-out)}.bb-lock .vault-shadow{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#1a1f29,#0a0c10 64%,#060708);box-shadow:0 40px 90px #000000b3,inset 0 2px 1px #ffffff0a,inset 0 -30px 60px #0009}.bb-lock .vault.unlocked{filter:drop-shadow(0 0 38px rgba(54,198,255,.28))}.bb-lock .vault-casing{position:absolute;width:460px;height:460px}.bb-lock .ring-casing-outer{stroke:#171b22;stroke-width:14}.bb-lock .ring-casing-inner{stroke:#0c0e12;stroke-width:8}.bb-lock .vault-pointer{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:4}.bb-lock .vault-pointer svg{width:18px;height:18px;fill:var(--warn);stroke:none;filter:drop-shadow(0 0 6px rgba(255,203,69,.5));transition:fill var(--t-mid),filter var(--t-mid)}.bb-lock .vault.unlocked .vault-pointer svg{fill:var(--good);filter:drop-shadow(0 0 8px rgba(54,224,164,.6))}.bb-lock .rotor{position:absolute;width:460px;height:460px;transition:transform 1.9s cubic-bezier(.5,.02,.18,1)}.bb-lock .rotor.spin{transform:rotate(1080deg)}.bb-lock .rotor-svg{position:absolute;width:460px;height:460px}.bb-lock .rotor-rim{stroke:#20262f;stroke-width:2}.bb-lock .tick-ring{stroke:#13171d;stroke-width:1}.bb-lock .ticks line{stroke:#2c3440;stroke-width:2}.bb-lock .ticks line.major{stroke:#3a4554;stroke-width:2.5}.bb-lock .vault.unlocked .ticks line.major{stroke:var(--accent)}.bb-lock .bolts{position:absolute;width:460px;height:460px}.bb-lock .bolt{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:11px;background:radial-gradient(circle at 36% 30%,#20262f,#0c0e12 72%);border:1px solid #2a313c;box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -4px 8px #0009,0 4px 10px #00000080;display:grid;place-items:center}.bb-lock .bolt:before{content:"";width:16px;height:16px;border-radius:4px;background:radial-gradient(circle at 40% 35%,#11151b,#060708);box-shadow:inset 0 0 0 1px #2c3340,inset 0 2px 4px #000000b3}.bb-lock .vault-core{position:absolute;width:204px;height:204px;border-radius:50%;display:grid;place-items:center;z-index:3;background:radial-gradient(circle at 42% 34%,#36c6ff1a,#36c6ff05 52%,#07080ae6 78%),#07080a;border:1px solid rgba(54,198,255,.18);box-shadow:inset 0 0 38px #000000b3,inset 0 1px 2px #ffffff0a,0 0 0 6px #080a0d99,0 0 40px #36c6ff0f;transition:border-color var(--t-slow),box-shadow var(--t-slow)}.bb-lock .vault.unlocked .vault-core{border-color:#36c6ff80;box-shadow:inset 0 0 38px #0000008c,inset 0 1px 2px #ffffff0d,0 0 0 6px #080a0d99,0 0 70px #36c6ff4d}.bb-lock .core-grid{position:absolute;width:184px;height:184px;opacity:.5}.bb-lock .core-edge{stroke:#36c6ff29;stroke-width:1}.bb-lock .core-cross{stroke:#36c6ff14;stroke-width:1}.bb-lock .core-inner{stroke:#36c6ff1f;stroke-width:1}.bb-lock .core-glyph{width:96px;height:96px;position:relative;z-index:1}.bb-lock .glyph-bracket{stroke:var(--accent);stroke-width:9;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(0 0 8px rgba(54,198,255,.5))}.bb-lock .glyph-arrow{stroke:var(--text);stroke-width:9;stroke-linecap:square;stroke-linejoin:miter}.bb-lock .glyph-bar{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 6px rgba(54,198,255,.5))}.bb-lock .hero-foot{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:30px;text-align:center}.bb-lock .hero-org{font-size:13px;font-weight:700;letter-spacing:.34em;color:var(--text-dim)}.bb-lock .hero-tag{font-size:9.5px;font-weight:500;letter-spacing:.26em;color:var(--text-faint)}.bb-lock .hero-spec{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:8.5px;font-weight:600;letter-spacing:.18em;color:var(--text-faint)}.bb-lock .spec-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 3px #36e0a421;animation:bbBreathe 3s var(--e-io) infinite}@keyframes bbBreathe{0%,to{opacity:.6}50%{opacity:1}}.bb-lock .auth{position:relative;display:flex;flex-direction:column;justify-content:center;padding:0 56px;background:radial-gradient(620px 480px at 80% -8%,rgba(54,198,255,.05),transparent 60%),linear-gradient(180deg,#0a0c10,#08090c)}.bb-lock .auth:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--hair) 1px,transparent 1px),linear-gradient(90deg,var(--hair) 1px,transparent 1px);background-size:100% 46px,46px 100%;-webkit-mask-image:radial-gradient(520px 600px at 70% 30%,#000,transparent 80%);mask-image:radial-gradient(520px 600px at 70% 30%,#000,transparent 80%)}.bb-lock .auth-inner{position:relative;z-index:1;width:100%}.bb-lock .bb-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:44px}.bb-lock .bb-brand-name{display:flex;align-items:center;font-size:30px;font-weight:700;letter-spacing:.2em;color:var(--text)}.bb-lock .bb-brand-cursor{display:inline-block;width:14px;height:24px;margin-left:8px;background:var(--accent);border-radius:1px;box-shadow:0 0 14px #36c6ff99;animation:bbBlink 1.05s steps(1,end) infinite;transform:translateY(2px)}@keyframes bbBlink{0%,49%{opacity:1}50%,to{opacity:.14}}.bb-lock .bb-brand-powered{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:600;letter-spacing:.28em;color:var(--text-faint)}.bb-lock .ght-mark{width:16px;height:16px;opacity:.9}.bb-lock .auth-head{text-align:center;margin-bottom:30px}.bb-lock .auth-kicker{display:inline-flex;align-items:center;gap:7px;font-size:9.5px;font-weight:700;letter-spacing:.22em;color:var(--accent)}.bb-lock .lock-glyph{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #36c6ffb3}.bb-lock .auth-title{margin:13px 0 8px;font-size:23px;font-weight:700;letter-spacing:-.01em;color:#fff}.bb-lock .auth-sub{margin:0 auto;max-width:330px;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.bb-lock .auth-form{display:flex;flex-direction:column}.bb-lock .field-label{font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--text-faint);margin-bottom:9px;margin-top:14px}.bb-lock .field-label:first-of-type{margin-top:0}.bb-lock .pw-wrap{position:relative;display:flex;align-items:center;height:50px;border:1px solid var(--line);border-radius:11px;background:var(--bg);transition:border-color var(--t-fast) var(--e-out),box-shadow var(--t-fast) var(--e-out)}.bb-lock .pw-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #36c6ff1f}.bb-lock .pw-ico{width:17px;height:17px;margin:0 0 0 14px;color:var(--text-faint);flex:0 0 17px;transition:color var(--t-fast)}.bb-lock .pw-wrap:focus-within .pw-ico{color:var(--accent)}.bb-lock .pw-input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);padding:0 6px 0 12px;font-size:13.5px;letter-spacing:.02em}.bb-lock .pw-input::placeholder{color:var(--text-faint);font-family:var(--sans);letter-spacing:0}.bb-lock .pw-input:focus{outline:none}.bb-lock .pw-eye{width:38px;height:38px;margin-right:6px;border:0;border-radius:8px;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;flex:0 0 38px;transition:all var(--t-fast) var(--e-out)}.bb-lock .pw-eye svg{width:18px;height:18px}.bb-lock .pw-eye:hover{color:var(--text-dim);background:#ffffff08}.bb-lock .pw-wrap.shake{animation:bbShake .42s var(--e-io);border-color:var(--bad)!important;box-shadow:0 0 0 3px #ff5a6a24!important}@keyframes bbShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.bb-lock .pw-error{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;color:var(--bad)}.bb-lock .pw-error svg{width:15px;height:15px;flex:0 0 15px;color:var(--bad)}.bb-lock .btn-unlock{position:relative;margin-top:22px;height:50px;border-radius:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;letter-spacing:.01em;color:#04121a;background:var(--accent);border:1px solid var(--accent);box-shadow:0 0 30px var(--accent-glow),inset 0 1px #ffffff2e;transition:all var(--t-fast) var(--e-out)}.bb-lock .btn-unlock:hover{background:#52d0ff;box-shadow:0 0 40px #36c6ff52,inset 0 1px #ffffff38}.bb-lock .btn-unlock:active{transform:translateY(1px)}.bb-lock .btn-unlock:disabled{cursor:progress}.bb-lock .btn-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(4,18,26,.28);border-top-color:#04121a;display:none;animation:bbSpin .7s linear infinite}@keyframes bbSpin{to{transform:rotate(360deg)}}.bb-lock .btn-check{width:18px;height:18px;color:#04121a;stroke-width:2.6;display:none}.bb-lock .btn-unlock.loading .btn-spinner{display:block}.bb-lock .btn-unlock.loading .btn-text{opacity:.85}.bb-lock .btn-unlock.success{background:var(--good);border-color:var(--good);color:#03130d;box-shadow:0 0 38px #36e0a452,inset 0 1px #fff3}.bb-lock .btn-unlock.success .btn-spinner{display:none}.bb-lock .btn-unlock.success .btn-check{display:block;color:#03130d;animation:bbPop .34s var(--e-out)}@keyframes bbPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.bb-lock .auth-hint{margin-top:16px;text-align:center;font-size:11px;color:var(--text-faint);min-height:14px}.bb-lock .hint-code{color:var(--accent);font-weight:600}.bb-lock .auth-hint.error{color:var(--bad)}.bb-lock .handshake{display:inline-flex;align-items:center;gap:8px;margin:24px auto 0;padding:9px 14px;border:1px solid rgba(54,224,164,.3);border-radius:10px;background:#36e0a40f;box-shadow:0 0 26px #36e0a41a}.bb-lock .handshake.show{animation:bbRise var(--t-slow) var(--e-out) both}@keyframes bbRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bb-lock .hs-prompt{font-size:11.5px;font-weight:600;color:var(--good)}.bb-lock .hs-arrow{font-size:11.5px;color:var(--text-faint)}.bb-lock .hs-text{font-size:11.5px;color:var(--text)}.bb-lock .hs-cursor{display:inline-block;width:7px;height:13px;background:var(--good);box-shadow:0 0 8px #36e0a499;animation:bbBlink 1.05s steps(1) infinite;flex:0 0 7px}.bb-lock .seg-wrap{position:relative;z-index:1;display:flex;justify-content:center;margin-top:36px}.bb-lock .seg{position:relative;display:inline-flex;padding:4px;gap:2px;border-radius:11px;background:#080a0db3;border:1px solid var(--line-soft)}.bb-lock .seg-btn{position:relative;z-index:1;height:32px;padding:0 18px;border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-faint);border-radius:8px;transition:color var(--t-fast) var(--e-out)}.bb-lock .seg-btn:hover{color:var(--text-dim)}.bb-lock .seg-btn.active{color:#04121a}.bb-lock .seg-thumb{position:absolute;z-index:0;top:4px;height:32px;border-radius:8px;background:var(--accent);box-shadow:0 0 20px #36c6ff47;transition:left var(--t-mid) var(--e-out),width var(--t-mid) var(--e-out)}@media (max-width: 900px){.bb-lock{grid-template-columns:1fr}.bb-lock .hero{display:none}.bb-lock .auth{padding:0 28px}}@media (prefers-reduced-motion: reduce){.bb-lock *,.bb-lock *:before,.bb-lock *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.bb-lock .rotor.spin{transform:rotate(360deg)}}