:root{--bg:#f5f7fb;--surface:#fff;--surface-muted:#eef3f8;--surface-strong:#10202f;--text:#263241;--text-strong:#0a1623;--text-muted:#637285;--border:#d7e0ea;--focus:#1667d9;--primary:#164a7d;--primary-hover:#0f385f;--primary-text:#fff;--error:#b42318;--error-bg:#fff3f1;--success-bg:#edf7f1;--success-text:#17613a;--shadow:0 18px 55px #152b4024}.form-field{text-align:left;flex-direction:column;gap:7px;min-width:0;display:flex}.form-field label{color:var(--text-strong);font-size:14px;font-weight:720}.form-field input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text-strong);background:var(--surface);border-radius:7px;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.form-field input:hover{border-color:#a9b8c8}.form-field input[aria-invalid=true]{border-color:var(--error);background:var(--error-bg)}.form-field input:focus-visible,.submit-button:focus-visible{outline-offset:2px;outline:3px solid #1667d942}.field-message{min-height:18px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.35}.field-message.error{color:var(--error)}.submit-button{min-height:48px;color:var(--primary-text);background:var(--primary);border:0;border-radius:7px;font-weight:760;transition:background-color .16s,transform .16s}.submit-button:hover{background:var(--primary-hover)}.submit-button:disabled{cursor:wait;opacity:.72}.submit-button:active{transform:translateY(1px)}.auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.auth-switch-link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:700}.auth-switch-link:hover{text-decoration:underline}.cancel-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:0;font-size:.85rem;text-decoration:underline}.cancel-link:disabled{cursor:default;opacity:.6}.checkbox-field{color:var(--text);align-items:center;gap:9px;font-weight:650;display:inline-flex}.checkbox-field input{width:17px;height:17px;accent-color:var(--primary)}.form-status{color:var(--success-text);background:var(--success-bg);border-radius:7px;margin:0;padding:10px 12px;font-size:14px;font-weight:650}.form-status.error{color:var(--error);background:var(--error-bg)}.form-status.waiting{color:var(--text);background:var(--surface-muted);align-items:center;gap:10px;display:flex}.number-match{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;place-items:center;padding:22px 0;display:grid}.number-match-value{color:var(--text-strong);letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:64px;font-weight:820;line-height:1}.number-match-caption{color:var(--text-muted);text-align:center;margin:0;font-size:14px}.approval-waiting{flex-direction:column;gap:14px;display:flex}.spinner{border:2px solid #1667d947;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite oi-spin;display:inline-block}@keyframes oi-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.recovery-codes{flex-direction:column;gap:14px;display:flex}.recovery-code-list{border:1px solid var(--border);background:var(--surface-muted);letter-spacing:1px;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;padding:16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;list-style:none;display:grid}.recovery-code-actions{gap:18px;display:flex}.app-store-badges{gap:10px;display:flex}.store-badge{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.security-page{flex-direction:column;gap:18px;max-width:560px;display:flex}.security-title{color:var(--text-strong);margin:0;font-size:26px;font-weight:760}.security-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.security-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.security-section-head h3{color:var(--text-strong);margin:0;font-size:16px;font-weight:740}.security-status-pill{background:var(--surface-muted);color:var(--text-muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.device-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.device-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-name{color:var(--text-strong);font-weight:700;display:block}.device-meta{color:var(--text-muted);font-size:13px;display:block}.modal-overlay{z-index:50;background:#0a16238c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:14px;padding:24px;display:flex}.modal-title{color:var(--text-strong);margin:0;font-size:20px;font-weight:750}:root{--bg:#f7f9fc;--surface:#fff;--line:#e7ebf3;--ink:#0e1320;--muted:#5b6478;--faint:#98a2b3;--teal:#1aa39e;--teal-bg:#1aa39e1f;--blue:#0a6bf2;--blue-bg:#0a6bf21f;--cyan:#0082a8;--cyan-bg:#0082a81f;--green:#008c3b;--green-bg:#008c3b1f;--amber-bg:#d69e2e24;--rose-bg:#d6455a1f;--indigo:#6e56cf;--indigo-bg:#6e56cf1f;--r-sm:8px;--r-md:11px;--r-lg:18px;--shadow-card:0 6px 18px -6px #2e38590d;--shadow-cta:0 6px 14px 0 #1aa39e47;--sidebar-w:264px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.app{background:var(--bg);align-items:stretch;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:26px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:10px;padding-left:8px;display:flex}.sidebar-logo .dots{background:#0e1320;border-radius:999px;gap:4px;padding:7px 9px;display:inline-flex}.sidebar-logo .dots span{border-radius:999px;width:6px;height:6px}.sidebar-logo .d1{background:#f2c94c}.sidebar-logo .d2{background:#eb5757}.sidebar-logo .d3{background:#2f80ed}.sidebar-logo strong{letter-spacing:-.3px;font-size:20px}.nav{flex-direction:column;gap:4px;display:flex}.nav button{text-align:left;border-radius:var(--r-md);width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:11px 12px;font-family:inherit;font-size:15px;font-weight:500;display:flex}.nav button .ic{width:22px;height:22px;color:var(--muted);place-items:center;display:grid}.nav button:hover{background:#f1f4f9}.nav button.active{background:var(--teal-bg);color:var(--ink);font-weight:600}.nav button.active .ic{color:var(--teal)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.search{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);width:380px;height:40px;color:var(--faint);align-items:center;gap:10px;padding:0 14px;display:flex}.search input{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.search input::placeholder{color:var(--faint)}.topbar-right{align-items:center;gap:18px;display:flex}.icon-btn{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-btn .dot{background:var(--teal);border:1.5px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;top:0;right:0}.avatar-wrap{position:relative}.avatar{cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:9px;padding:4px 6px;display:flex}.avatar:hover{background:#f1f4f9}.avatar .a{border:1.5px solid var(--blue);background:#fff;border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.avatar .nm{font-size:14px;font-weight:600}.avatar>svg{color:var(--faint)}.menu-backdrop{z-index:40;position:fixed;inset:0}.account-menu{z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:248px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px -8px #2e385938}.account-menu-head{align-items:center;gap:11px;padding:10px 10px 12px;display:flex}.account-menu-head .a{border:1.5px solid var(--blue);border-radius:999px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.account-menu-head .who{min-width:0}.account-menu-head .nm{font-size:14px;font-weight:700}.account-menu-head .em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-menu-sep{background:var(--line);height:1px;margin:2px 0}.account-menu button[role=menuitem]{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:10px;font-size:14px;font-weight:500;display:flex}.account-menu button[role=menuitem]:hover{background:#f1f4f9}.account-menu button[role=menuitem] svg{color:var(--muted)}.account-menu button[role=menuitem].danger,.account-menu button[role=menuitem].danger svg{color:#d6455a}.account-menu button[role=menuitem]:disabled{opacity:.6;cursor:default}.content{flex-direction:column;flex:1;gap:24px;padding:30px 32px;display:flex}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head h1{letter-spacing:-.4px;margin:0 0 5px;font-size:28px;font-weight:700}.page-head p{color:var(--muted);margin:0;font-size:15px}.btn{border-radius:var(--r-md);font:inherit;cursor:pointer;border:0;padding:9px 16px;font-size:14px;font-weight:700}.btn-primary{background:var(--teal);color:#fff}.btn-primary.lg{box-shadow:var(--shadow-cta);border-radius:12px;padding:12px 18px;font-size:15px}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff;font-weight:600}.btn-ghost:disabled,.btn-primary:disabled{opacity:.55;cursor:default}.link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px;font-weight:500}.link.danger{color:#d6455a}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card.pad{padding:22px 24px}.card-head{justify-content:space-between;align-items:center;gap:9px;display:flex}.card-title{letter-spacing:-.2px;align-items:center;gap:9px;font-size:18px;font-weight:700;display:flex}.kpis{gap:20px;display:flex}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;flex:1;gap:16px;padding:22px;display:flex}.kpi .ic{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi .ic svg,.nav button .ic svg,.icon-btn svg,.mykey-empty-icon svg{display:block}.kpi .v{letter-spacing:-.5px;font-size:28px;font-weight:700}.kpi .l{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:600}.kpi .vrow{align-items:baseline;gap:7px;display:flex}.kpi .vrow .sub{color:var(--muted);font-size:13px}.kpi.kpi-btn{text-align:left;font:inherit;cursor:pointer;align-items:stretch}.kpi.kpi-btn>div{flex-direction:column;display:flex}.kpi.kpi-btn:hover{border-color:var(--faint);box-shadow:0 8px 20px -6px #2e38591f}.subnav{flex-wrap:wrap;gap:8px;display:flex}.subnav button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500}.subnav button.active{background:var(--teal-bg);color:var(--teal);border-color:#0000;font-weight:600}.chip{letter-spacing:.4px;border-radius:6px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.chip.identity{background:var(--blue-bg);color:var(--blue)}.chip.share{background:var(--cyan-bg);color:var(--cyan)}.chip.data{background:var(--green-bg);color:var(--green)}.badge{background:var(--green-bg);color:var(--green);border-radius:8px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.shared{background:var(--teal-bg);color:var(--teal)}.pill.private{color:var(--muted);background:#eef1f6}.pill.denied{background:var(--rose-bg);color:#d6455a}.rows{flex-direction:column;display:flex}.row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.rows .row:first-child{border-top:0}.row .ava{border-radius:999px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.row .main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.row .label{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.row .value{color:var(--muted);font-size:14px}.row .value em{color:var(--faint);font-style:italic}.row .actions{align-items:center;gap:12px;display:flex}.ava.c0{background:var(--blue-bg);color:var(--blue)}.ava.c1{background:var(--green-bg);color:var(--green)}.ava.c2{background:var(--cyan-bg);color:var(--cyan)}.ava.c3{background:var(--rose-bg);color:#d6455a}.ava.c4{background:var(--amber-bg);color:#b7791f}.ava.c5{background:var(--teal-bg);color:var(--teal)}.tl{flex-direction:column;display:flex}.tl .ev{align-items:center;gap:12px;padding:13px 0;display:flex}.tl .ev .dot{border-radius:999px;flex-shrink:0;width:9px;height:9px}.tl .ev .txt{flex:1;min-width:0;font-size:14px}.tl .ev .when{color:var(--faint);font-size:13px}.appr{border-top:1px solid var(--line);align-items:center;gap:16px;padding:16px 0;display:flex}.appr:first-child{border-top:0}.appr .lc{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.appr .lc .tt{font-size:16px;font-weight:600}.appr .lc .sub{color:var(--muted);font-size:13px}.appr .acts{gap:10px;display:flex}.purpose{margin-top:10px}.purpose .t{color:var(--muted);margin-bottom:6px;font-size:13px}.modes{flex-wrap:wrap;gap:8px;display:flex}.modes label{border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.modes label.active{background:var(--teal-bg);color:var(--teal);border-color:#0000;font-weight:600}.merchant-pick{flex-direction:column;gap:6px;margin-top:8px;display:flex}.merchant-pick label{align-items:center;gap:8px;font-size:14px;display:inline-flex}.status{color:var(--muted);font-size:14px}.status.error{color:#d6455a}.hint{color:var(--muted);font-size:14px}.empty{color:var(--faint);padding:8px 0;font-size:14px}.input{border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;padding:8px 10px;font-size:14px}.cols{align-items:flex-start;gap:24px;display:flex}.col-grow{flex:1;min-width:0}.col-fixed{flex-shrink:0;width:560px}.col-narrow{flex-shrink:0;width:360px}.mykey-banner{background:var(--indigo-bg);border-radius:var(--r-md);color:var(--indigo);border:1px solid #6e56cf38;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.mykey-banner svg{flex-shrink:0}.ava.mykey-file{background:var(--indigo-bg);color:var(--indigo);border-radius:var(--r-sm);letter-spacing:.3px;font-size:10px;font-weight:800}.pill.mykey-only{background:var(--indigo-bg);color:var(--indigo);gap:5px}.mykey-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:56px 24px;display:flex}.mykey-empty-icon{background:var(--indigo-bg);width:56px;height:56px;color:var(--indigo);border-radius:16px;place-items:center;margin-bottom:10px;display:grid}.mykey-empty-title{letter-spacing:-.2px;font-size:18px;font-weight:700}.mykey-empty-sub{color:var(--muted);max-width:380px;margin:0;font-size:14px}.mykey-badge{background:var(--indigo-bg);color:var(--indigo);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.overlay{z-index:50;background:#0e132066;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:520px;max-width:92vw;height:100%;padding:28px;overflow:auto;box-shadow:-12px 0 40px #0000001f}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-head h2{margin:0;font-size:22px;font-weight:700}.modal-center{justify-content:center;align-items:center}.modal{background:var(--surface);border-radius:var(--r-lg);width:560px;max-width:92vw;max-height:88vh;padding:24px;overflow:auto}.modal-wide{width:960px;max-width:94vw;max-height:90vh;padding:20px 28px 28px}.modal-close-row{justify-content:flex-end;margin:-4px -8px 0 0;display:flex}.settings-row{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:16px;display:flex}.settings-row-text{flex-direction:column;gap:3px;display:flex}.settings-row-text strong{font-size:15px}.settings-row-text span{color:var(--muted);font-size:13px}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field .lbl,.lbl{color:var(--muted);font-size:13px}.btn-danger-outline{border:1.5px solid var(--danger,#d6455a);color:var(--danger,#d6455a);background:#fff;font-weight:600}.btn-danger-outline:disabled{opacity:.55;cursor:default}.auth{background:var(--bg);place-items:center;min-height:100vh;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);text-align:center;background:#fff;max-width:420px;padding:36px}.auth-card h1{margin:0 0 8px;font-size:22px}@media (width<=860px){.sidebar{display:none}.kpis,.cols{flex-direction:column}.col-fixed,.col-narrow{width:100%}.search{width:220px}}