:root{--surface:#fff;--canvas:#f5fafd;--field:#fff;--danger:#c83f50;--focus:#38bdf8;--menu-shadow:0 16px 55px #0b2a3f1c;color-scheme:light}
.card{min-width:0;max-width:100%}.dashboard-charts-column,.dashboard-activity-column{grid-template-columns:minmax(0,1fr)}.topbar{overflow:visible;position:relative;z-index:60}.profile-menu{isolation:isolate}
:root[data-theme=dark]{color-scheme:dark;--surface:#102638;--canvas:#081a28;--field:#0c2030;--navy:#e3f2fc;--slate-blue:#a0bbce;--border:#294354;--sky-50:#102e43;--sky-100:#153d54;--sky-200:#265977;--sky-300:#65c9f4;--sky-600:#38bdf8;--sky-700:#7dd3fc;--white:#102638;--green:#77d6b3;--green-bg:#163c35;--coral:#ffa5ab;--coral-bg:#422730;--amber:#f2d48b;--amber-bg:#3e3523;--danger:#ffa5ab;--shadow:0 10px 30px #0002;--menu-shadow:0 18px 60px #0006}
[hidden]{display:none!important}body{background:var(--canvas)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input,textarea,select{color:var(--navy);background-color:var(--field)}input::placeholder,textarea::placeholder{color:var(--slate-blue);opacity:.75}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2338bdf8' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px!important}
.sidebar,.card,.button.secondary,.topbar,.filter-bar,.bottom-nav,dialog,.select-popup{background:var(--surface)}.button:not(.secondary):not(.ghost):not(.danger){background:#0284c7;color:#fff}.button:not(.secondary):not(.ghost):not(.danger):hover{background:#0369a1}.button.secondary{color:var(--navy)}.profile-link{background:transparent;color:var(--navy);font:inherit;padding:4px;border-radius:999px}.profile-menu{position:relative}.profile-panel{position:absolute;right:0;top:calc(100% + 16px);width:290px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--menu-shadow);z-index:80}.menu-identity{padding:10px 12px 14px;display:grid;border-bottom:1px solid var(--border);margin-bottom:6px;overflow-wrap:anywhere}.menu-identity small{color:var(--slate-blue)}.profile-panel>a,.menu-logout{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;font-weight:750;width:100%;text-align:left;min-height:44px}.profile-panel>a:hover{background:var(--sky-50)}.menu-logout{color:var(--danger);background:var(--coral-bg)}.menu-logout:hover{filter:brightness(.95)}.profile-panel form{margin:8px 0 0}.logout-form .text-button{color:var(--danger)}.theme-picker{display:flex;gap:4px;padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--canvas);margin:14px 0;flex-wrap:wrap}.theme-picker button{flex:1;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;color:var(--slate-blue);background:transparent;min-height:38px;white-space:nowrap;font-size:12px;font-weight:800}.theme-picker button[aria-pressed=true]{background:var(--surface);color:var(--sky-700);box-shadow:var(--shadow)}.theme-picker svg{width:16px;height:16px}.public-theme{position:fixed;right:18px;top:18px;border:1px solid var(--border);border-radius:50%;width:42px;height:42px;font-size:23px;background:var(--surface);color:var(--sky-700);z-index:80}.auth-theme{margin:0 0 24px auto;width:max-content}.login-tabs{display:flex;gap:4px;background:var(--canvas);padding:5px;border:1px solid var(--border);border-radius:14px;margin:24px 0}.login-tabs button{flex:1;padding:11px 8px;border-radius:10px;background:transparent;color:var(--slate-blue);font-weight:800;font-size:12px}.login-tabs button.active{background:var(--surface);box-shadow:var(--shadow);color:var(--sky-700)}.auth-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--slate-blue);font-size:12px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--border);flex:1}.google-mark{font-weight:900;font-size:21px;color:var(--sky-700)}.google-button+p{margin-top:8px}.demo-credentials .chips{display:flex;gap:7px;flex-wrap:wrap}.document-hint{display:flex;gap:8px;align-items:center;background:var(--sky-50);color:var(--slate-blue);padding:12px 16px;border-radius:12px;font-size:12px;margin-bottom:20px}.document-hint svg{width:16px;flex-shrink:0}
.pager{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px;border-top:1px solid var(--border)}.page-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 9px;border-radius:10px;border:1px solid var(--border);color:var(--slate-blue);font-size:12px;font-weight:800;background:var(--surface)}.page-number:hover{background:var(--sky-50);border-color:var(--sky-300)}.page-number.active{background:#0284c7;color:white;border-color:#0284c7}.page-number.disabled,.page-number:disabled{opacity:.4;cursor:default}.page-jump{display:flex!important;gap:8px;align-items:center}.page-jump label{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.page-jump input{width:64px!important;min-height:36px!important;margin:0!important;padding:5px 8px!important;border:1px solid var(--border);border-radius:9px}.page-jump button{min-height:36px}.table-wrapper{overflow-x:auto}tbody tr[hidden]{display:none!important}
.custom-select{position:relative;min-width:0;width:100%}.select-native,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--border);border-radius:12px;color:var(--navy);background:var(--field);font-weight:600;min-height:44px;overflow:hidden;text-overflow:ellipsis}.select-trigger[aria-expanded=true],.select-trigger[aria-invalid=true]{border-color:var(--sky-500);box-shadow:0 0 0 3px #38bdf81a}.select-popup{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--menu-shadow);max-height:280px;overflow:auto;z-index:200;box-sizing:border-box}.select-popup::backdrop{background:transparent}.select-option{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:9px;font-size:13px;background:transparent;color:var(--navy);overflow-wrap:anywhere}.select-option:hover,.select-option:focus-visible{background:var(--sky-50)}.select-option[aria-selected=true]{background:var(--sky-100);color:var(--sky-700);font-weight:800}.suggestion-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.suggestion-chip{font-size:11px;background:var(--sky-50);border:1px solid var(--sky-200);border-radius:9px;color:var(--sky-700);padding:6px 9px;text-align:left;max-width:100%;overflow-wrap:anywhere}.suggestion-chip:hover{background:var(--sky-100)}
.receive-amount-form{text-align:left;margin:22px auto;max-width:340px}.receive-amount-form button{width:100%}.receive-amount-form p{margin-top:10px}.qr-upload{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--sky-200);border-radius:18px;padding:22px 16px;margin:20px 0;background:var(--sky-50);transition:border-color .2s;overflow-wrap:anywhere;text-align:center}.qr-upload:hover,.qr-upload:focus-within{border-color:var(--sky-500)}.qr-upload strong{font-size:14px}.qr-frame{background:white}.qr-frame img{display:block;max-width:100%;height:auto}
.payment-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#081a2870;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.processing-card{background:var(--surface);color:var(--navy);padding:40px 32px;text-align:center;border:1px solid var(--border);box-shadow:0 30px 90px #0004;border-radius:28px;width:min(100%,360px)}.processing-card h2{font-size:20px;margin:26px 0 10px}.processing-card p{color:var(--slate-blue);font-size:13px}.processing-card small{display:block;margin-top:16px;color:var(--slate-blue);font-size:11px}.processing-orbit{position:relative;width:76px;height:76px;margin:auto;display:grid;place-items:center;color:var(--sky-500);background:var(--sky-50);border-radius:50%}.processing-orbit:before{content:'';position:absolute;inset:-6px;border:3px solid var(--sky-100);border-top-color:#38bdf8;border-right-color:#0284c7;border-radius:50%;animation:payment-spin 1s linear infinite}.processing-orbit svg{width:30px;height:30px}.payment-processing{overflow:hidden}.payment-processing .workspace,.payment-processing .sidebar,.payment-processing .bottom-nav{filter:blur(3px);pointer-events:none}@keyframes payment-spin{to{transform:rotate(360deg)}}
[data-theme=dark] .topbar{background:#102638e8}[data-theme=dark] .avatar{border-color:var(--surface)}[data-theme=dark] .wallet-note,[data-theme=dark] .auth-story,[data-theme=dark] .hero,[data-theme=dark] .landing-hero{background:linear-gradient(140deg,#102e43,#0b2030);border-color:var(--border)}[data-theme=dark] .tip-card,[data-theme=dark] .code-display,[data-theme=dark] .inline-message,[data-theme=dark] .qr-target,[data-theme=dark] .demo-credentials,[data-theme=dark] .summary-card,[data-theme=dark] .filter-bar details{background:var(--sky-50);border-color:var(--border)}[data-theme=dark] .chip,[data-theme=dark] .amount-field,[data-theme=dark] .pin-boxes input,[data-theme=dark] .auth-form-area,[data-theme=dark] .landing-nav,[data-theme=dark] .receipt-paper{background:var(--surface);color:var(--navy);border-color:var(--border)}[data-theme=dark] .tip-card>.icon-bubble{background:var(--sky-100)}[data-theme=dark] .transaction-row,[data-theme=dark] .summary-row,[data-theme=dark] th,[data-theme=dark] td{border-color:var(--border)}[data-theme=dark] th,[data-theme=dark] thead,[data-theme=dark] .table-card th{background:var(--sky-50);color:var(--slate-blue)}[data-theme=dark] tr:hover td{background:#163346}[data-theme=dark] .flash.message{background:var(--green-bg);color:var(--green)}[data-theme=dark] .flash.error{background:var(--coral-bg);color:var(--coral)}[data-theme=dark] .icon-bubble.incoming{background:var(--green-bg);color:var(--green)}[data-theme=dark] .auth-story h1,[data-theme=dark] .auth-story p{color:var(--navy)}[data-theme=dark] .auth-story h1 span{color:var(--sky-300)}[data-theme=dark] .auth-features>div{color:var(--slate-blue)}[data-theme=dark] .stepper div>span{background:var(--sky-100);color:var(--sky-300)}[data-theme=dark] .stepper .current>span{background:#0284c7;color:white}[data-theme=dark] .filter-bar input,[data-theme=dark] .field input,[data-theme=dark] .field textarea{background:var(--field);color:var(--navy);border-color:var(--border)}
@media(hover:hover) and (pointer:fine){body,a,button,label,summary,.qr-upload,.page-number{cursor:url('/img/cursor.svg') 4 3,auto}input,textarea{cursor:text}button:disabled{cursor:default}}
@media(max-width:760px){.topbar{position:relative;z-index:50;padding:0 18px;gap:10px}.topbar-actions{gap:10px}.profile-panel{position:absolute;right:-4px;max-width:calc(100vw - 28px);width:290px}.profile-name{display:none}.profile-link{gap:4px}.profile-link>.avatar{width:36px;height:36px}.content{padding:24px 16px}.pager{padding:16px;gap:14px}.pager>span{width:100%}.page-controls{gap:4px}.page-number{min-width:32px;height:36px;padding:0 7px}.page-jump{width:100%;justify-content:flex-end}.processing-card{padding:34px 22px}.auth-form{width:100%;max-width:420px}.auth-form-area{padding:30px 22px}.document-hint{align-items:flex-start}.button-row{flex-wrap:wrap}.form-layout,.two-columns{grid-template-columns:minmax(0,1fr)}.staff .content{padding-top:24px}.select-popup{max-width:calc(100vw - 16px)}.receive-amount-form{max-width:100%}.card{min-width:0}.auth-theme{margin-bottom:20px}.table-wrapper{max-width:100%}}
@media(prefers-reduced-motion:reduce){.processing-orbit:before{animation:none;border-top-color:#38bdf8}.button,.qr-upload{transition:none}}
@media print{.profile-panel,.public-theme,.theme-picker,.payment-overlay,.document-hint,.pager{display:none!important}body{background:white!important;color:#0b2a3f!important}}