:root{--bg: #f7f2ea;--surface: #fffdf9;--surface2: #f2eadf;--ink: #2b2420;--muted: #7a6d62;--line: #e4d8c8;--primary: #1f6f68;--primary-soft: #dcefeb;--on-primary: #ffffff;--accent: #d7774f;--accent-soft: #fbe6dc;--pos: #2f8a57;--neg: #c2483d;--save: #3b6fb6;--warn: #a8701a;--warn-soft: #fbf0d9;--male: #3b6fb6;--female: #c2557a;--shadow: 0 1px 2px rgba(60, 40, 20, .06), 0 6px 18px rgba(60, 40, 20, .06);--radius: 16px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #1b1816;--surface: #24201d;--surface2: #2e2925;--ink: #f1e9df;--muted: #b0a396;--line: #3d3631;--primary: #4fb3a8;--primary-soft: #1f3a37;--on-primary: #10201e;--accent: #e8926c;--accent-soft: #3e2a21;--pos: #5cc285;--neg: #ec7a6f;--save: #7ea6e6;--warn: #e2b04f;--warn-soft: #3a2f1a;--male: #7ea6e6;--female: #e88aab;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .25)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.2;margin:0}h2{font-size:1.6rem}h3{font-size:1.15rem;margin-bottom:.75rem}a{color:var(--primary)}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted);margin:0 0 4px;font-weight:600}.pos{color:var(--pos)}.neg{color:var(--neg)}.save{color:var(--save)}.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 16px 0}.brand{display:flex;gap:12px;align-items:center;max-width:1180px;margin:0 auto}.brand h1{font-size:1.25rem}.brand p{margin:0;color:var(--muted);font-size:.8rem}.logo{font-size:1.8rem}.nav{display:flex;gap:4px;overflow-x:auto;max-width:1180px;margin:10px auto 0;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.9rem;padding:8px 12px;border-bottom:3px solid transparent;white-space:nowrap}.nav a.active{color:var(--primary);border-color:var(--primary)}main{max-width:1180px;margin:0 auto;padding:20px 16px 60px}main>*+*{margin-top:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.page-head p{margin:4px 0 0;color:var(--muted)}.hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft))}.people{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px;font-size:.88rem}.chip b{font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.kpi span{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.kpi strong{display:block;font-size:1.3rem;margin-top:2px;font-variant-numeric:tabular-nums}.av{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:.85rem;background:var(--surface2);color:var(--ink);flex:none}.g-L .av,.av.g-L{background:color-mix(in srgb,var(--male) 22%,var(--surface));color:var(--male)}.g-P .av,.av.g-P{background:color-mix(in srgb,var(--female) 22%,var(--surface));color:var(--female)}.btn{font:inherit;font-weight:600;font-size:.9rem;border-radius:10px;padding:8px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn.ghost{background:transparent}.btn.danger{color:var(--neg)}.btn.sm{padding:4px 10px;font-size:.82rem}.icon-btn{background:none;border:0;color:var(--muted);cursor:pointer;font-size:1rem;padding:4px 6px;border-radius:6px}.icon-btn:hover{color:var(--neg);background:var(--surface2)}label.f{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--muted);min-width:0}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);border-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}.hint{font-size:.78rem;color:var(--muted);font-weight:500}.pw-wrap{position:relative;display:block}.pw-wrap>input{padding-right:40px}.pw-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}.pw-toggle:hover,.pw-toggle:focus-visible{color:var(--ink);background:var(--surface2)}.table-wrap{overflow-x:auto;margin:0 -4px}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.hl td{background:var(--accent-soft)}tr.now td{background:var(--primary-soft)}.tag{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--muted);white-space:nowrap}.tag.berjalan{background:var(--primary-soft);color:var(--primary)}.tag.nanti{background:var(--accent-soft);color:var(--accent)}.tag.selesai{background:var(--surface2);color:var(--muted)}.tag.masuk{background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos)}.tag.keluar{background:color-mix(in srgb,var(--neg) 15%,transparent);color:var(--neg)}.tag.tabung{background:color-mix(in srgb,var(--save) 15%,transparent);color:var(--save)}.bar{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--primary);border-radius:999px}.bar.over>i{background:var(--neg)}.bar.accent>i{background:var(--accent)}.prog+.prog{margin-top:14px}.prog .spread{font-size:.88rem;margin-bottom:4px}.mini-bar{height:10px;background:var(--accent);border-radius:4px;min-width:2px}.notice{border-radius:12px;padding:12px 14px;background:var(--warn-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);font-size:.9rem}.notice b{color:var(--warn)}.tips{background:var(--primary-soft);border-color:transparent}.tips ul{margin:6px 0 0;padding-left:18px}.tips li+li{margin-top:4px}.events{list-style:none;padding:0;margin:0}.events li{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);align-items:baseline}.events li:last-child{border:0}.events .yr{font-family:Fraunces,serif;font-weight:700;color:var(--accent);min-width:44px}.health{display:grid;gap:12px}.health .item{display:flex;justify-content:space-between;gap:10px;align-items:center}.ok{color:var(--pos);font-weight:700}.bad{color:var(--neg);font-weight:700}.month-nav{display:flex;align-items:center;gap:6px}.month-nav strong{min-width:130px;text-align:center}details.cost-edit{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}details.cost-edit summary{cursor:pointer;font-weight:600;color:var(--primary);font-size:.9rem}.cost-table input{padding:5px 8px;font-size:.85rem;min-width:90px}.cost-table select{padding:5px 8px;font-size:.85rem;min-width:120px}.child-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.child-head .row{gap:10px}.sumline{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:12px}.sumline div{background:var(--surface2);border-radius:12px;padding:10px 12px}.sumline span{display:block;font-size:.75rem;color:var(--muted);font-weight:600}.sumline strong{font-variant-numeric:tabular-nums}.tree-wrap{overflow-x:auto;padding:10px 0 20px}.tree{display:flex;flex-direction:column;align-items:center;gap:30px;min-width:max-content}.tree ul{padding-top:22px;position:relative;display:flex;justify-content:center;margin:0;padding-left:0}.tree>ul{padding-top:0}.tree li{list-style:none;position:relative;padding:22px 8px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:22px;border-top:2px solid var(--line)}.tree li:after{right:auto;left:50%;border-left:2px solid var(--line)}.tree li:only-child:before,.tree li:only-child:after{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:2px solid var(--line);border-radius:0 8px 0 0}.tree li:first-child:after{border-radius:8px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:2px solid var(--line)}.tree>ul>li{padding-top:0}.couple{display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:var(--surface2)}.heart{color:var(--accent);font-size:.9rem}.pcard{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;width:112px;padding:10px 6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer;color:var(--ink)}.pcard:hover{border-color:var(--primary)}.pcard .av{width:38px;height:38px;font-size:1rem;margin-bottom:2px}.pcard b{font-size:.85rem;font-weight:600;line-height:1.2}.pcard small{color:var(--muted);font-size:.74rem}.pcard.late{opacity:.75;border-style:dashed}.pcard.g-L{border-top:3px solid var(--male)}.pcard.g-P{border-top:3px solid var(--female)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 32px));box-shadow:0 20px 60px #00000040}dialog::backdrop{background:#1e140a73}.dlg-form{padding:20px;display:grid;gap:12px}.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;flex-wrap:wrap}.dlg-actions .left{margin-right:auto}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-weight:600;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.empty{color:var(--muted);text-align:center;padding:20px;font-size:.9rem}.brand{justify-content:space-between}.brand-left{display:flex;gap:12px;align-items:center;min-width:0}.brand .who{font-size:.8rem;color:var(--muted);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast.err{background:var(--neg);color:#fff}.btn:disabled{opacity:.6;cursor:progress}.state{text-align:center;padding:40px 16px;color:var(--muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--primary);animation:spin .8s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.err-box{border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--neg) 12%,var(--surface));color:var(--neg);border:1px solid color-mix(in srgb,var(--neg) 35%,transparent);font-size:.9rem}.captcha{display:flex;flex-direction:column;gap:8px;min-height:65px}.captcha>div:first-child{width:100%}.kode-captcha{display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:600;color:var(--muted)}.kode-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.kode-img{flex:none;width:168px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:#eef2f7}.kode-img img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.kode-refresh{flex:none;width:56px;height:56px;padding:0;font-size:1.3rem;line-height:1}.kode-input{flex:1 1 150px;height:56px;font-family:ui-monospace,Consolas,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;text-align:center}.kode-input::placeholder{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:normal;text-transform:none}@media (max-width: 420px){.kode-img{flex:1 1 0;width:0;min-width:0;height:auto;aspect-ratio:3 / 1}.kode-refresh{height:auto}.kode-input{flex-basis:100%}}.dlg-form h3{margin:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth{width:min(440px,100%)}.auth .brand-big{text-align:center;margin-bottom:18px}.auth .brand-big .logo{font-size:2.6rem;display:block}.auth .brand-big h1{font-size:1.6rem;margin-top:4px}.auth .brand-big p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.auth form{display:grid;gap:12px}.tabs{display:flex;gap:4px;background:var(--surface2);padding:4px;border-radius:12px;margin-bottom:14px}.tabs a{flex:1;text-align:center;text-decoration:none;color:var(--muted);font-weight:600;font-size:.85rem;padding:7px 8px;border-radius:9px}.tabs a.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.check{display:flex;gap:8px;align-items:center;font-size:.88rem}.check input{width:auto}.seg{display:flex;gap:8px}.seg label{flex:1;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--ink)}.seg label:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.seg input{width:auto}.code-box{font-family:ui-monospace,Consolas,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.18em;background:var(--surface2);border:1px dashed var(--line);border-radius:12px;padding:10px 14px}.inline-num{width:120px;padding:3px 8px}@media (max-width: 560px){h2{font-size:1.35rem}.card{padding:14px}.kpi strong{font-size:1.1rem}}@media print{.top,.btn,.icon-btn,details.cost-edit{display:none!important}body{background:#fff}.card{box-shadow:none;break-inside:avoid}}.welcome{background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft))}.welcome h3{margin-bottom:6px}.nav a.nav-admin{display:inline-flex;align-items:center;gap:5px;color:var(--accent);margin-left:auto}.nav a.nav-admin.active{color:var(--accent);border-color:var(--accent)}.nav a.nav-admin svg{flex:none}.admin-tabs{display:flex;gap:4px;background:var(--surface2);padding:4px;border-radius:12px;overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:100%}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.85rem;padding:7px 14px;border-radius:9px;white-space:nowrap}.admin-tabs a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.admin-eyebrow{display:inline-flex;align-items:center;gap:4px;color:var(--accent)}.admin-denied{text-align:center;max-width:460px;margin:40px auto 0;display:grid;gap:8px;justify-items:center}.admin-denied-code{font-family:Fraunces,serif;font-size:3rem;font-weight:700;color:var(--accent);line-height:1}.admin-denied p{margin:0 0 6px}.kpi .kpi-sub{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.kpi.kpi-pos strong{color:var(--pos)}.kpi.kpi-muted strong{color:var(--muted)}.kpi.kpi-alert{border-color:color-mix(in srgb,var(--neg) 45%,var(--line));background:color-mix(in srgb,var(--neg) 8%,var(--surface))}.kpi.kpi-alert strong,.kpi.kpi-alert .kpi-sub{color:var(--neg)}.act-chart{margin:0}.act-chart svg{width:100%;height:auto;display:block}.act-chart .grid-line{stroke:var(--line);stroke-width:1}.act-chart .axis{fill:var(--muted);font-size:11px;font-family:inherit}.act-chart .bar-day{fill:var(--primary);opacity:.75}.act-chart .bar-today{fill:var(--accent)}.act-chart .hit{fill:transparent}.act-chart g:hover .bar-day{opacity:1}.act-chart figcaption{margin-top:6px}.plat-list{display:grid;gap:4px}.tag-row{display:flex;gap:4px;flex-wrap:wrap}.tag.st-on{background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos)}.tag.st-off{background:color-mix(in srgb,var(--neg) 15%,transparent);color:var(--neg)}.tag.st-admin{display:inline-flex;align-items:center;gap:3px;background:var(--accent-soft);color:var(--accent)}.tag.me-tag{background:var(--primary-soft);color:var(--primary)}.tag.act-auth{background:color-mix(in srgb,var(--save) 15%,transparent);color:var(--save)}.tag.act-uang{background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos)}.tag.act-data{background:var(--primary-soft);color:var(--primary)}.tag.act-admin{background:var(--accent-soft);color:var(--accent)}.tag.act-gagal{background:color-mix(in srgb,var(--neg) 18%,transparent);color:var(--neg)}.dev-ico{display:inline-grid;place-items:center;color:var(--muted);flex:none}.dev-ico.android{color:var(--accent)}.dev-ico.web{color:var(--save)}.act-feed{list-style:none;margin:0;padding:0}.act-feed li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed var(--line)}.act-feed li:last-child{border:0}.act-feed .tag{margin-top:2px}.act-main{min-width:0;overflow-wrap:anywhere}.admin-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.admin-filters .f{flex:1 1 160px}.admin-filters .f.grow{flex:2 1 240px}.filter-pills{display:flex;gap:4px;flex-wrap:wrap}.filter-pills button{font:inherit;font-size:.82rem;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}.filter-pills button.on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.filter-chips{margin-top:10px;gap:8px}.fchip{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:3px 4px 3px 12px;font-size:.85rem}.fchip button{border:0;background:transparent;color:inherit;font-size:1.05rem;line-height:1;cursor:pointer;width:24px;height:24px;border-radius:50%}.fchip button:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}.admin-table td{vertical-align:top}.admin-table.clickable tbody tr{cursor:pointer}.admin-table.clickable tbody tr:hover td,.admin-table.clickable tbody tr:focus-visible td{background:var(--surface2)}.admin-table.clickable tbody tr:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.admin-table th,.admin-table td.nowrap,.nowrap{white-space:nowrap}.log-table td.desc{min-width:220px;max-width:360px;overflow-wrap:anywhere}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.8rem}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.user-head{display:grid;gap:12px}.user-actions{gap:8px}.info-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.9rem}.info-row:last-child{border:0}.info-row>span{color:var(--muted);font-weight:600;font-size:.82rem;flex:none}.info-row>div{text-align:right;min-width:0;overflow-wrap:anywhere}.plain-list{list-style:none;margin:0;padding:0}.plain-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.plain-list li:last-child{border:0}.plain-list li>div:first-child{min-width:0;overflow-wrap:anywhere}.device-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.device-list li{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.device-list li.ended{background:var(--surface2)}.device-list .dev-ico{width:38px;height:38px;border-radius:10px;background:var(--surface2)}.device-list li.ended .dev-ico{background:var(--surface);opacity:.6}.dev-main{flex:1;min-width:0}.dev-main .ua{font-size:.74rem;color:var(--muted);opacity:.85;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.9rem}.timeline li:last-child{border:0}.timeline .tl-time{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.timeline li>div{min-width:0;overflow-wrap:anywhere}@media (max-width: 560px){.nav a.nav-admin{margin-left:0}.timeline li{grid-template-columns:1fr;gap:2px}.device-list li{flex-wrap:wrap}.device-list li>.btn{margin-left:50px}.info-row{flex-direction:column;gap:2px}.info-row>div{text-align:left}}.kpi small{display:block;margin-top:2px;font-size:.78rem}.tag.act-backup{background:color-mix(in srgb,var(--save) 15%,transparent);color:var(--save)}.tag.bk-manual{background:var(--primary-soft);color:var(--primary)}.tag.bk-auto{background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos)}.tag.bk-safety{background:var(--warn-soft);color:var(--warn)}.tag.bk-upload{background:color-mix(in srgb,var(--save) 15%,transparent);color:var(--save)}.bk-name{word-break:break-all;min-width:160px}.bk-actions{flex-wrap:nowrap;gap:6px}.danger-notice{background:color-mix(in srgb,var(--neg) 12%,var(--surface));border-color:color-mix(in srgb,var(--neg) 40%,transparent)}.danger-notice b{color:var(--neg)}.link-btn{font:inherit;font-size:.85rem;font-weight:600;background:none;border:0;padding:4px 2px;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--accent)}.f-block{display:grid;gap:6px;justify-items:start}.f-block>input{justify-self:stretch}.otp-input{font-family:ui-monospace,Consolas,monospace;font-size:1.9rem;font-weight:700;letter-spacing:.5em;text-indent:.5em;text-align:center;padding:10px 8px;border-radius:12px;background:var(--surface2);font-variant-numeric:tabular-nums}.otp-input::placeholder{color:var(--line);letter-spacing:.5em}.recovery-input{font-family:ui-monospace,Consolas,monospace;font-size:1.35rem;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase;padding:10px 8px;border-radius:12px;background:var(--surface2)}.twofa-step .twofa-head{text-align:center}.twofa-step .twofa-head h3{margin:2px 0 0}.twofa-step .twofa-head p{margin:2px 0 0;overflow-wrap:anywhere}.twofa-ico{font-size:2rem;display:block}.twofa-desc{margin:0;text-align:center}.twofa-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.twofa-title{display:flex;align-items:center;gap:8px}.twofa-title svg{color:var(--primary);flex:none}.twofa-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.88rem}.twofa-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.twofa-status.on{background:color-mix(in srgb,var(--pos) 14%,transparent);color:var(--pos)}.twofa-status.off{background:var(--surface2);color:var(--muted)}.twofa-rc{font-size:.9rem;padding:8px 12px;border-radius:10px;background:var(--surface2)}.twofa-rc.low{background:var(--warn-soft);color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 35%,transparent)}.wiz-steps{list-style:none;display:flex;gap:6px;margin:-4px 0 0;padding:0}.wiz-steps li{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--surface2);color:var(--muted)}.wiz-steps li.on{background:var(--primary);color:var(--on-primary)}.wiz-steps li.done{background:var(--primary-soft);color:var(--primary)}.twofa-setup{display:flex;gap:16px;align-items:flex-start}.twofa-qr{width:200px;height:200px;flex:none;border-radius:12px;background:#fff;padding:6px;border:1px solid var(--line);image-rendering:pixelated}.twofa-setup-text{min-width:0}.twofa-howto{margin:0;padding-left:18px}.twofa-howto li+li{margin-top:4px}.twofa-secret{font-family:ui-monospace,Consolas,monospace;font-size:.95rem;font-weight:700;letter-spacing:.06em;background:var(--surface2);border:1px dashed var(--line);border-radius:8px;padding:6px 10px;overflow-wrap:anywhere;min-width:0}.rc-wrap{display:grid;gap:12px}.rc-grid{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--surface2);border:1px dashed var(--line);border-radius:12px}.rc-grid li{font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-align:center;padding:6px;background:var(--surface);border-radius:8px}.rc-check{font-weight:600}.tag.st-2fa{display:inline-flex;align-items:center;gap:3px;background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos)}@media (max-width: 560px){.twofa-setup{flex-direction:column;align-items:center}.twofa-qr{width:180px;height:180px}.otp-input{font-size:1.6rem;letter-spacing:.35em;text-indent:.35em}.rc-grid li{font-size:.95rem;letter-spacing:.06em}}