/* Profile.tokyo — Unified Admin UI (2026). No external font/CDN dependencies. */
.ext-main{--pt-border:rgba(131,144,164,.22);--pt-purple:#6457e9}
.ext-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:11px;border:1px solid var(--pt-border);border-radius:22px;background:linear-gradient(130deg,rgba(99,102,241,.075),rgba(40,196,215,.045));margin-bottom:26px}
.ext-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:13px;font-size:.9rem;font-weight:750;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.ext-tabs a:hover{transform:translateY(-2px);background:rgba(99,102,241,.08)}
.ext-tabs a.sel{background:linear-gradient(116deg,#585cf2,#7961d9);color:#fff;box-shadow:0 7px 17px rgba(74,70,218,.22)}
.ext-panel{border:1px solid var(--pt-border);box-shadow:0 18px 48px rgba(25,38,68,.055);border-radius:22px}
.ext-panel h2{letter-spacing:-.025em}
.ext-panel h3{letter-spacing:-.015em}
.ext-form :is(input,select,textarea),.ext-panel :is(input,select,textarea){max-width:100%;border-radius:12px;min-height:42px;transition:border-color .2s,box-shadow .2s}
.ext-form :is(input,select,textarea):focus,.ext-panel :is(input,select,textarea):focus{border-color:#7166ee;outline:none;box-shadow:0 0 0 4px rgba(113,102,238,.12)}
.ext-panel .btn{border-radius:13px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ext-panel .btn:focus-visible,.ext-tabs a:focus-visible{outline:3px solid #7971ff;outline-offset:2px}
.ext-panel .table-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.ext-panel table{border-collapse:separate;border-spacing:0;width:100%}
.ext-panel table :is(th,td){padding:12px 13px;vertical-align:middle}
.ext-panel th{white-space:nowrap;font-size:.82rem;text-transform:none;letter-spacing:.02em}
.ext-panel tbody tr:hover{background:rgba(103,109,229,.038)}
.ext-metrics>div{border:1px solid var(--pt-border);border-radius:20px;box-shadow:0 10px 26px rgba(20,25,50,.055)}
.ext-panel label small{display:block;margin-top:5px;color:#64748b}
.ext-panel table form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:165px}
.ext-panel table form input[type=text],.ext-panel table form input[name=bank_reference]{min-width:135px;width:165px}
.ext-top .eyebrow{letter-spacing:.09em}
@media(max-width:680px){.ext-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scroll-snap-type:x mandatory;padding:8px;border-radius:16px}.ext-tabs a{white-space:nowrap;scroll-snap-align:start;flex:none;font-size:.82rem;padding:9px 12px;min-height:38px}.ext-panel{border-radius:17px}.ext-panel .btn{width:100%}.ext-panel table form .btn{width:auto}.ext-top{gap:13px}}
@media(prefers-reduced-motion:reduce){.ext-tabs a{transition:none}}