:root{--bg:#f1f3f1;--surface:#fff;--surface-2:#e9ede9;--ink:#161b1d;--ink-soft:#5a6467;--ink-faint:#8b9497;--line:#dce1df;--accent:#0d3b3e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14181a;--surface:#1c2124;--surface-2:#232a2c;--ink:#edefee;--ink-soft:#aab3b5;--ink-faint:#7c8688;--line:#2b3134;--accent:#5fb3a9}}:root[data-theme=dark]{--bg:#14181a;--surface:#1c2124;--surface-2:#232a2c;--ink:#edefee;--ink-soft:#aab3b5;--ink-faint:#7c8688;--line:#2b3134;--accent:#5fb3a9}:root{--app-bg:#f5f6f8;--app-surface:#fff;--app-primary:#0d3b3e;--app-primary-2:#175c57;--app-accent:#e0913a;--app-success:#17916a;--app-success-soft:#e2f2ea;--app-danger:#c4553d;--app-ink:#12181b;--app-ink-soft:#5b6670;--app-ink-faint:#94a0a6;--app-line:#e3e7e9;--app-line-strong:#cdd3d6;--app-accent-soft:#fbead9}*{box-sizing:border-box}::selection{background:var(--accent);color:#fff}body{background:var(--bg);color:var(--ink);padding:52px 24px 80px;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}.mono,.num{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}.page{flex-direction:column;gap:56px;max-width:1256px;margin:0 auto;display:flex}header.intro{flex-direction:column;gap:12px;max-width:78ch;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:12px}h1{text-wrap:balance;letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(30px,4vw,40px);font-weight:600}.intro p{color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.6}.intro .sample-note{color:var(--ink-faint);border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;width:fit-content;padding:6px 12px;font-size:12.5px;display:inline-flex}.intro .sample-note svg{flex:none;width:13px;height:13px}section.group{flex-direction:column;gap:22px;display:flex}.group-head{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;padding-bottom:12px;display:flex}.group-head .tag{letter-spacing:.1em;color:var(--surface);background:var(--accent);border-radius:5px;flex:none;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.group-head h2{color:var(--ink);margin:0;font-family:Fraunces,serif;font-size:21px;font-weight:600}.group-head p{color:var(--ink-faint);text-align:right;max-width:34ch;margin:0 0 0 auto;font-size:13px}.rack{grid-template-columns:repeat(auto-fill,minmax(266px,1fr));align-items:start;gap:26px 22px;display:grid}.rack.rack-2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.stack{flex-direction:column;gap:26px;display:flex}figure.mock{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}figure.mock .scroller{overflow-x:auto}figcaption{flex-direction:column;gap:2px;display:flex}figcaption .name{color:var(--ink);font-size:13.5px;font-weight:600}figcaption .desc{color:var(--ink-faint);font-size:12px;line-height:1.4}.ic{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.phone-frame{background:#14181a;border-radius:34px;flex:none;width:100%;max-width:292px;padding:9px;box-shadow:0 18px 34px -12px #0a0e0f59}.phone-screen{background:var(--app-bg);min-height:560px;color:var(--app-ink);border-radius:26px;flex-direction:column;font-size:13px;display:flex;overflow:hidden}.status-bar{color:var(--app-ink);justify-content:space-between;padding:12px 20px 2px;font-size:12px;font-weight:700;display:flex}.status-bar .icons{color:var(--app-ink-soft);align-items:center;gap:5px;display:flex}.app-body{flex-direction:column;flex:1;gap:16px;padding:14px 18px 20px;display:flex}.app-topbar{justify-content:space-between;align-items:center;display:flex}.app-topbar .title{letter-spacing:-.01em;font-size:17px;font-weight:800}.app-topbar .sub{color:var(--app-ink-soft);margin-top:1px;font-size:11.5px}.avatar{background:var(--app-primary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.tabbar{border-top:1px solid var(--app-line);background:var(--app-surface);justify-content:space-around;margin-top:auto;padding:10px 6px 4px;display:flex}.tabbar .tab{color:var(--app-ink-faint);flex-direction:column;align-items:center;gap:3px;font-size:9.5px;font-weight:600;display:flex}.tabbar .tab.active{color:var(--app-primary)}.tabbar .tab .ic{width:17px;height:17px}.browser-frame{border:1px solid var(--line);background:var(--app-surface);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 16px 34px -18px #0a0e0f4d}.browser-chrome{background:#e6e9e7;align-items:center;gap:10px;padding:10px 14px;display:flex}.browser-dots{gap:6px;display:flex}.browser-dots span{background:#c7ccc9;border-radius:50%;width:9px;height:9px}.browser-url{max-width:320px;color:var(--app-ink-soft);background:#fff;border-radius:6px;flex:1;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:11px}.browser-body{background:var(--app-bg);color:var(--app-ink);font-size:13px}.app-shell{min-height:460px;display:flex}.app-nav{background:var(--app-primary);color:#fff;flex-direction:column;flex:none;gap:4px;width:168px;padding:20px 14px;display:flex}.app-nav .brand{letter-spacing:-.01em;margin-bottom:18px;font-size:14.5px;font-weight:800}.app-nav .nav-item{color:#ffffffad;border-radius:7px;align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:600;display:flex}.app-nav .nav-item.active{color:#fff;background:#ffffff24}.app-nav .nav-item .ic{width:15px;height:15px}.app-main{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px 24px;display:flex}.app-main .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app-main .page-head h3{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.app-main .page-head .sub{color:var(--app-ink-soft);margin-top:3px;font-size:12px}.btn{cursor:default;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:12.5px;font-weight:700;display:inline-flex}.btn .ic{width:14px;height:14px}.btn-primary{background:var(--app-primary);color:#fff}.btn-accent{background:var(--app-accent);color:#29140a}.btn-ghost{color:var(--app-ink);border-color:var(--app-line-strong);background:0 0}.btn-ghost.on-primary{color:#fff;border-color:#ffffff59}.btn-success{background:var(--app-success);color:#fff}.btn-block{width:100%}.btn-sm{border-radius:7px;padding:6px 11px;font-size:11.5px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill .ic{width:11px;height:11px}.pill-warn{background:var(--app-accent-soft);color:#9c5a1c}.pill-ok{background:var(--app-success-soft);color:var(--app-success)}.pill-neutral{background:var(--app-line);color:var(--app-ink-soft)}.pill-danger{color:var(--app-danger);background:#f7e2dd}.pill-primary{color:var(--app-primary);background:#0d3b3e1a}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--app-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.field .input{border:1.4px solid var(--app-line-strong);color:var(--app-ink);background:var(--app-surface);border-radius:9px;padding:10px 12px;font-size:13px}.field .input.faint{color:var(--app-ink-faint)}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.seg{gap:8px;display:flex}.seg-opt{border:1.6px solid var(--app-line-strong);color:var(--app-ink-soft);border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 8px;font-size:10.5px;font-weight:700;display:flex}.seg-opt.on{border-color:var(--app-primary);color:var(--app-primary);background:#0d3b3e0f}.seg-opt svg{color:currentColor;height:14px}.card-face{color:#fff;aspect-ratio:1.58;border-radius:14px;flex-direction:column;flex:none;justify-content:space-between;padding:16px 17px;display:flex;position:relative;overflow:hidden}.card-face:after{content:"";background:radial-gradient(120px 120px at 88% -10%,#ffffff29,#0000 70%);position:absolute;inset:0}.card-face .row-top{justify-content:space-between;align-items:flex-start;display:flex}.card-face .issuer{letter-spacing:.01em;font-size:12.5px;font-weight:800}.card-face .product{opacity:.78;margin-top:1px;font-size:10px}.card-face .net-badge{color:#fff;opacity:.95}.card-face .number{letter-spacing:.12em;opacity:.92;font-size:13.5px}.card-face .row-bottom{justify-content:space-between;align-items:flex-end;font-size:10px;display:flex}.card-face .row-bottom .k{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:9px}.card-face .row-bottom .v{margin-top:1px;font-size:12.5px;font-weight:700}.card-visa{background:linear-gradient(135deg,#0d3b3e,#1d6a63)}.card-rupay{background:linear-gradient(135deg,#7a3b12,#c96a2a)}.card-mastercard{background:linear-gradient(135deg,#21262c,#383f47)}.card-mini{border:1px solid var(--app-line);background:var(--app-surface);border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.card-mini .chip{border-radius:7px;flex:none;width:44px;height:30px}.card-mini .info{flex:1;min-width:0}.card-mini .info .top{align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.card-mini .info .last4{color:var(--app-ink-faint);font-weight:500}.card-mini .info .meta{color:var(--app-ink-soft);margin-top:2px;font-size:11px}.card-mini .amt{text-align:right;flex:none}.card-mini .amt .v{font-size:13.5px;font-weight:800}.card-mini .amt .k{color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}.stat-row{gap:10px;display:flex}.stat-tile{background:var(--app-surface);border:1px solid var(--app-line);border-radius:11px;flex:1;padding:11px 12px}.stat-tile .k{color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.stat-tile .v{margin-top:3px;font-size:15.5px;font-weight:800}.stat-tile.accent{background:var(--app-primary);color:#fff}.stat-tile.accent .k{color:#ffffffa6}.timeline{flex-direction:column;gap:0;display:flex}.t-step{gap:10px;display:flex}.t-step .rail{flex-direction:column;align-items:center;display:flex}.t-step .dot{border-radius:50%;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.t-step .dot.done{background:var(--app-success);color:#fff}.t-step .dot.now{background:var(--app-accent);color:#fff}.t-step .dot.todo{background:var(--app-line);color:var(--app-ink-faint)}.t-step .dot .ic{stroke-width:2.4px;width:10px;height:10px}.t-step .line{background:var(--app-line-strong);flex:1;width:2px;min-height:18px}.t-step .body{padding-bottom:16px}.t-step .body .k{font-size:12px;font-weight:700}.t-step .body .v{color:var(--app-ink-soft);margin-top:1px;font-size:11px}.row-list{flex-direction:column;display:flex}.row-item{border-top:1px solid var(--app-line);align-items:center;gap:11px;padding:12px 0;display:flex}.row-item:first-child{border-top:none}.row-item .ic-wrap{border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.row-item .body{flex:1;min-width:0}.row-item .body .k{font-size:12.5px;font-weight:700}.row-item .body .v{color:var(--app-ink-soft);margin-top:1px;font-size:11px}.row-item .when{color:var(--app-ink-faint);flex:none;font-size:10.5px}.row-item .unread-dot{background:var(--app-accent);border-radius:50%;flex:none;width:7px;height:7px}.tbl-wrap{border:1px solid var(--app-line);background:var(--app-surface);border-radius:12px;overflow:hidden}table.admin-tbl{border-collapse:collapse;width:100%;font-size:12.5px}table.admin-tbl th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--app-ink-faint);background:var(--app-bg);border-bottom:1px solid var(--app-line);padding:10px 14px;font-size:10.5px;font-weight:700}table.admin-tbl td{border-bottom:1px solid var(--app-line);vertical-align:middle;padding:11px 14px}table.admin-tbl tr:last-child td{border-bottom:none}table.admin-tbl .name{font-weight:700}table.admin-tbl .sub{color:var(--app-ink-soft);font-size:11px}.filter-row{gap:8px;display:flex}.filter-chip{border:1px solid var(--app-line-strong);color:var(--app-ink-soft);border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700}.filter-chip.on{background:var(--app-primary);border-color:var(--app-primary);color:#fff}.modal-wrap{position:relative}.modal-scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f141580;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.modal-card{background:var(--app-surface);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:300px;padding:22px;display:flex;box-shadow:0 20px 40px #00000040}.modal-card h4{margin:0;font-size:15px;font-weight:800}.modal-card p{color:var(--app-ink-soft);margin:0;font-size:12px;line-height:1.5}.otp-boxes{gap:7px;display:flex}.otp-boxes span{aspect-ratio:1;border:1.6px solid var(--app-line-strong);border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.otp-boxes span.on{border-color:var(--app-primary);color:var(--app-primary)}.toast{background:var(--app-ink);color:#fff;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;display:flex;position:absolute;bottom:22px;left:24px;right:24px;box-shadow:0 14px 30px #0000004d}.toast .dot{background:var(--app-success);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.toast .dot .ic{stroke-width:2.6px;color:#fff;width:14px;height:14px}.wa-screen{background:#e9e3d8;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;padding:14px 12px;display:flex}.wa-head{background:var(--app-primary);color:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex}.wa-head .av{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.wa-head .nm{font-size:13px;font-weight:700}.wa-head .st{opacity:.75;font-size:10.5px}.wa-bubble{background:#fff;border-radius:10px;max-width:88%;padding:8px 10px 6px;font-size:12px;line-height:1.45;box-shadow:0 1px 1px #0000000f}.wa-bubble .meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;display:flex}.wa-bubble .meta .tm{color:var(--app-ink-faint);font-size:9.5px}.wa-bubble .meta .ic{color:#4fa3d1;stroke-width:2.4px;width:12px;height:12px}.wa-bubble b{color:var(--app-primary)}.lock-screen{color:#fff;background:linear-gradient(#16323a,#0a1417);flex-direction:column;flex:1;align-items:center;gap:22px;padding:46px 18px 20px;display:flex}.lock-time{letter-spacing:-.02em;font-size:46px;font-weight:200}.lock-date{opacity:.75;margin-top:-14px;font-size:12.5px}.lock-notif{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-radius:14px;gap:10px;width:100%;padding:12px 13px;display:flex}.lock-notif .ic-wrap{background:var(--app-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lock-notif .ic-wrap .ic{color:#fff;width:16px;height:16px}.lock-notif .body .top{opacity:.85;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.lock-notif .body .msg{margin-top:3px;font-size:12px;line-height:1.4}@media (max-width:720px){.app-shell{flex-direction:column}.app-nav{flex-direction:row;align-items:center;gap:10px;width:100%;padding:12px 14px}.app-nav .brand{margin-bottom:0}.app-nav .nav-item span.lbl{display:none}.group-head{flex-wrap:wrap}.group-head p{text-align:left;margin-left:0}}@font-face{font-family:Manrope;src:url(/fonts/Manrope-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-800.ttf);font-weight:800;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-500.ttf);font-weight:500;font-display:swap}body{background:var(--app-bg);color:var(--app-ink);margin:0;padding:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}.app-shell{min-height:100dvh}.app-nav{width:168px;min-height:100dvh}.app-nav nav{flex-direction:column;gap:4px;display:flex}.app-nav .nav-item{text-align:left;background:0 0;border:0;width:100%;font-family:Manrope}.app-nav .nav-item.active{background:#ffffff24}.nav-account{color:#ffffffbf;gap:12px;margin-top:auto;padding-top:30px;font-size:11px;display:grid}.nav-account button{width:fit-content}.app-main{gap:18px;position:relative}.app-main h1{color:var(--app-ink);letter-spacing:-.01em;margin:0;font-family:Manrope;font-size:18px;font-weight:800}.app-main h2{color:var(--app-ink);margin:0 0 12px;font-family:Manrope;font-size:14px;font-weight:800}.app-main p{margin:0}.app-main section{flex-direction:column;gap:12px;display:flex}.btn{cursor:pointer;text-decoration:none}.fit{width:fit-content}.muted{color:var(--app-ink-soft);font-size:11px}.field{color:var(--app-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.field input,.field select,.search input{border:1.4px solid var(--app-line-strong);width:100%;color:var(--app-ink);background:var(--app-surface);text-transform:none;letter-spacing:normal;border-radius:9px;min-width:0;padding:10px 12px;font-size:13px;font-weight:500}.field-row>*{min-width:0}.field select{min-height:42px}.form-stack{flex-direction:column;gap:14px;display:flex}.narrow{max-width:360px}.card-form{max-width:420px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{gap:8px;max-width:360px;display:flex}.search input{flex:1;min-width:0}.scroller{overflow-x:auto}.content-panel{background:var(--app-surface);border:1px solid var(--app-line);border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex}.card-list{flex-direction:column;gap:10px;display:flex}.chip{color:#fff;justify-content:center;align-items:center;display:flex}.network-mark{width:26px;height:14px}.network-word{font-size:12px;font-weight:800;line-height:1}.visa-word{font-family:Georgia,serif;font-size:13px;font-style:italic}.seg-opt .network-word{font-size:16px}.seg-opt .network-mark{width:30px;height:18px}fieldset{border:0;margin:0;padding:0}legend{text-transform:uppercase;color:var(--app-ink-soft);margin-bottom:6px;font-size:11.5px;font-weight:700}.text-button{color:var(--app-primary);cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px;font-weight:700}.pagination{justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex}.empty{text-align:center;color:var(--app-ink-faint);padding:30px}.loading{text-align:center;padding:50px}.error{color:var(--app-danger);background:#f7e2dd;border-radius:9px;padding:12px;font-size:12px}.check{color:var(--app-ink-soft);align-items:flex-start;gap:8px;font-size:11px;display:flex}.check input{accent-color:var(--app-primary);margin-top:2px}.filters{flex-wrap:wrap;gap:12px;display:flex}.filters .field{width:220px}.stat-tile.amber .v{color:var(--app-accent)}.stat-tile.danger .v{color:var(--app-danger)}.stat-tile.success .v{color:var(--app-success)}.ic-wrap.warm{background:var(--app-accent-soft);color:#9c5a1c}.agreement-row{gap:10px;display:grid}.card-menu{position:relative}.card-menu summary{cursor:pointer;padding:5px;list-style:none}.card-menu[open]{border:1px solid var(--app-line);background:#fff;border-radius:8px;padding:6px}.card-menu .text-button{white-space:nowrap;display:block}.admin-login{justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.login-form{flex-direction:column;gap:16px;width:100%;max-width:320px;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.login-brand .avatar{width:38px;height:38px}.login-brand h1{color:var(--app-ink);margin-top:6px;font-family:Manrope;font-size:16px;font-weight:800}.login-brand p{color:var(--app-ink-soft);margin:0;font-size:11.5px}dialog.modal-card{width:calc(100% - 40px);max-width:340px;max-height:90dvh;color:var(--app-ink);border:0;padding:22px;display:block;overflow:auto}dialog.modal-card:not([open]){display:none}dialog::backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f141580}.modal-card h2{margin:0;font-size:15px;font-weight:800}.modal-card .field{gap:6px}.modal-card .payment-amount{font-size:24px;font-weight:800}.otp-input input{border:1.6px solid var(--app-line-strong);text-align:center;letter-spacing:.6em;width:100%;color:var(--app-primary);border-radius:8px;padding:12px 0 12px .6em;font-family:IBM Plex Mono;font-size:20px}.dev-note{background:var(--app-accent-soft);border-radius:8px;padding:8px}.app-toast{max-width:500px;position:fixed;bottom:22px;left:auto;right:24px}.toast-sub{color:#ffffffb3;font-size:11px}.toast-close{color:#fff;background:0 0;border:0;margin-left:auto;font-size:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.otp-input{display:block;position:relative}.otp-input input{opacity:0;cursor:text;height:100%;position:absolute;inset:0}.otp-input .otp-boxes span{font-family:IBM Plex Mono;font-size:15px}.otp-input:focus-within .otp-boxes .on{box-shadow:0 0 0 2px var(--app-accent-soft)}@media (max-width:720px){.app-nav{flex-wrap:wrap;width:100%;min-height:0}.app-nav nav{flex-direction:row;margin-left:auto}.app-nav .nav-item{width:auto;padding:9px}.nav-account{align-items:center;margin:0;padding:0;display:flex}.nav-account>div{display:none}.app-main{padding:20px 16px}.stat-row{flex-wrap:wrap}.stat-tile{flex:130px}.card-mini{flex-wrap:wrap}.card-mini .info{min-width:120px}.card-mini>.actions{margin-left:auto}.filters .field{flex:1;min-width:140px}.app-toast{left:16px;right:16px}.admin-tbl{min-width:540px}}