:root{--bg:#f4f6f8;--white:#fff;--ink:#18242b;--muted:#75818a;--line:#e7ecef;--lime:#d9f36c;--green:#257758;--dark:#162328}*{box-sizing:border-box}body{margin:0;font:16px/1.55 'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7c9838;outline-offset:3px}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:10px 16px}button:hover{background:#f0f3ed}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--dark);color:#b6c3c6;display:flex;flex-direction:column;padding:30px 20px;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:23px;font-weight:700;position:relative;padding-bottom:27px;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;color:#172623;background:var(--lime);border-radius:10px;font-weight:800;letter-spacing:-3px;padding-right:3px}.brand-sub{font-size:9px;letter-spacing:2px;position:absolute;top:32px;left:47px;color:#849599}.app-version{position:absolute;top:48px;left:47px;font-size:10px;letter-spacing:1px;color:#d9f36c;background:#26353a;border:1px solid #3f5056;border-radius:4px;padding:1px 5px}.brand{margin-bottom:8px}.workspace-label{font-size:12px;letter-spacing:2px;color:#7d9298;margin:32px 12px 15px}nav{display:grid;gap:8px}nav a{padding:13px 14px;font-size:15px;display:flex;gap:15px;align-items:center;border-radius:8px}nav a:hover{background:#243238}nav a.active{background:var(--lime);color:#1b2b26;font-weight:600}nav .icon{width:20px;font-size:19px}.sidebar-bottom{margin-top:auto}.network{border:1px solid #344349;border-radius:8px;padding:12px;display:flex;justify-content:space-between;font-size:13px}.network b{color:#dce8c6;font-weight:400}.sidebar-bottom p{font-size:12px;color:#8b9ca2;text-align:center}.help{border:0;background:transparent;color:#c5d0d2;font-size:14px;padding:14px 10px}.profile{border-top:1px solid #35444a;margin-top:15px;padding:22px 3px 0;display:flex;gap:12px;align-items:center}.avatar{background:#e9eddb;color:#475b3e;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;font-size:14px;flex-shrink:0}.profile strong{font-size:14px;color:white;font-weight:500}.profile small{display:block;font-size:12px;color:#849aa1}.shell{margin-left:232px}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:14px}.breadcrumb{color:var(--muted)}.breadcrumb span{padding:0 15px;color:#bcc6ca}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:20px}.preview-pill{font-size:12px;padding:4px 9px;background:#eff4df;color:#56672b;border-radius:5px}.quiet{border:0;padding:5px;background:none;font-size:14px}.language{font-size:13px;color:var(--muted)}main{max-width:1650px;margin:auto;padding:25px 36px}.notice{display:flex;align-items:center;gap:10px;border:1px solid #e3e9d7;background:#f0f4e8;border-radius:8px;padding:10px 14px;color:#607049;font-size:13px}.notice strong{font-weight:600}.notice-icon{border:1px solid #92a675;border-radius:50%;width:16px;height:16px;text-align:center;line-height:15px;font-size:12px}.notice button{margin-left:auto;background:none;border:0;font-size:12px;padding:0;color:#52623c;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 25px;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#839188;margin-bottom:5px}h1{font-size:30px;line-height:1.4;margin:0;font-weight:600;letter-spacing:-.5px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.primary{background:var(--lime);border-color:var(--lime);font-weight:600;white-space:nowrap;padding:12px 18px}.primary:hover{background:#c9e652}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.stat{display:block;text-align:left}.stat[data-stat-filter]{cursor:pointer}.stat[data-stat-filter]:hover{border-color:#cfe5a2;box-shadow:0 8px 24px #12251e0d;transform:translateY(-1px)}.stat.active{border-color:#b6db56;box-shadow:0 0 0 2px #d9f36c55}.stat.active .stat-note{color:#607a20;font-weight:600}.stat:first-child{background:var(--dark);color:white;border-color:var(--dark)}.stat-label{font-size:14px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.stat:first-child .stat-label{color:#b6c4c7}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;margin:12px 0 7px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat-value small{font-size:12px;letter-spacing:0;font-weight:400;margin-left:6px;color:#88969b}.stat-note{font-size:12px;color:#8b969d}.stat:first-child .stat-note{color:#b9d78b}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.main-panel,.detail-panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-toolbar{padding:20px 22px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;background:#f1f4f5;border-radius:7px;padding:3px;gap:3px}.tabs button{background:none;border:0;padding:5px 11px;font-size:13px;border-radius:5px;color:#7b8891}.tabs button.active{background:white;box-shadow:0 1px 4px #16232816;color:#273a32;font-weight:600}.search{display:flex;align-items:center;gap:8px;color:#92a0a8;font-size:22px}.search input{border:0;outline:0;font-size:13px;width:155px;background:none}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;gap:15px}h2{font-size:16px;margin:0;font-weight:600}h2 span{font-size:12px;border-radius:4px;background:#f0f4e6;color:#728547;margin-left:6px;padding:2px 6px}.table-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}select{border:1px solid var(--line);border-radius:6px;padding:7px 9px;background:#fff;color:#67777f;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:12px;color:#8a979e;font-weight:400;background:#f8fafb;padding:12px 16px}td{padding:20px 16px;font-size:14px;border-bottom:1px solid #f0f2f4}th:first-child,td:first-child{padding-left:22px}tr[data-id]{cursor:pointer}tr[data-id]:hover, tr.selected{background:#f7faef}td strong{font-weight:500}td small{display:block;color:#8e9aa1;font-size:12px;margin-top:5px}.mono{font-variant-numeric:tabular-nums;font-family:'DM Sans',sans-serif}.badge{border-radius:5px;background:#edf4df;color:#678536;padding:4px 7px;font-size:12px;white-space:nowrap}.badge.settlement{background:#fff4dc;color:#a8791d}.badge.completed{background:#edf1f4;color:#72808a}.members{display:flex;align-items:center}.member-dot{border-radius:50%;background:#e2e9d8;border:2px solid white;width:26px;height:26px;display:inline-grid;place-items:center;font-size:10px;color:#566347;margin-right:-5px}.member-dot:nth-child(2){background:#e8e1d8;color:#91735c}.member-dot:nth-child(3){background:#dde8eb;color:#527786}.panel-footer{padding:16px 22px;display:flex;justify-content:space-between;color:#929da4;font-size:12px}.detail-top{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.detail-top span{font-size:11px;color:#9aa4aa}.detail-body{padding:22px}.batch-label{font-size:12px;letter-spacing:1px;color:#829095}.detail-title{font-size:23px;font-weight:600;margin:5px 0 12px}.detail-merchant{font-size:14px;color:#738088;margin-bottom:23px}.detail-section{border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.detail-label{font-size:12px;color:#87949b;margin-bottom:9px}.rate{display:flex;align-items:baseline;gap:7px;margin:8px 0}.rate b{font-size:28px;font-weight:500}.rate span{font-size:13px;color:#829095}.progress{height:5px;background:#edf1e7;border-radius:5px;margin:14px 0 8px;overflow:hidden}.progress i{display:block;background:#a9c84c;height:100%;border-radius:5px}.row-between{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#829095}.person-row{display:flex;gap:10px;align-items:center;margin:13px 0;font-size:14px}.person-row .avatar{width:31px;height:31px;font-size:12px}.person-row small{margin-left:auto;color:#8b989f;font-size:11px}.address{font-family:monospace;word-break:break-all;font-size:13px;color:#677b72;background:#f4f7f0;padding:12px;border:1px dashed #d4dfc5;border-radius:7px}.detail-action{width:100%;margin-top:20px;background:var(--dark);color:#fff;border:0;font-size:14px}.detail-action:hover{background:#34473e}.footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#99a3a8;margin:30px 0 5px}.footer span:first-child{letter-spacing:1.5px;font-weight:600}.empty{text-align:center;padding:60px 20px;color:#819098}.merchant-grid{padding:0 22px 22px;display:grid;gap:14px}.merchant-card{border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.merchant-card h3{margin:0 0 6px;font-size:16px}.merchant-card p{margin:0;font-size:13px;color:#7b8a90}.merchant-card .rate{margin:0}.merchant-card button{font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{border:0;border-radius:16px;padding:0;width:min(550px,calc(100% - 32px));max-height:90vh;box-shadow:0 24px 90px #10252233;color:var(--ink)}dialog::backdrop{background:#14212680;backdrop-filter:blur(3px)}.modal-head{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:21px}.modal-head button{border:0;background:none;padding:0 5px;font-size:25px;color:#87959c}.modal-body{padding:24px 26px}.modal-body>p{font-size:14px;color:#78878e;margin-top:0}.form-label{display:block;font-size:14px;margin:17px 0 8px}.form-label small{color:#929ea4;font-weight:400;margin-left:5px}.field{width:100%;padding:11px 12px;background:#f8fafb;border:1px solid #e0e6e9;border-radius:8px;font-size:14px;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 12px;border-radius:7px;margin:7px 0;font-size:14px}.checkbox-row input{accent-color:#688936;width:17px;height:17px}.checkbox-row small{margin-left:auto;color:#87969d;font-size:12px}.form-help{font-size:12px!important;color:#87959d;margin:8px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error{color:#a94333;font-size:13px;margin-top:12px}.list-lines{padding-left:20px;font-size:14px;color:#61747c}.list-lines li{margin:14px 0}.ledger{padding:0 22px 22px}.ledger p{font-size:14px;color:#7c8b94}.ledger input{margin:12px 0}.large-empty{padding:40px 25px}.large-empty h3{font-weight:500}.large-empty p{font-size:14px;color:#819198}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1c3028;color:white;box-shadow:0 8px 30px #11251f30;padding:12px 22px;border-radius:9px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}#toast.in-modal{position:sticky;top:0;bottom:auto;left:auto;transform:none;display:block;width:max-content;max-width:calc(100% - 32px);margin:0 auto 14px;z-index:1;box-shadow:0 12px 34px #11251f2e}#toast.visible{opacity:1}@media(min-width:1550px){.workspace{grid-template-columns:minmax(0,1fr) 350px}td{padding:23px 22px}}@media(max-width:1200px){.sidebar{width:195px;padding:28px 14px}.shell{margin-left:195px}main{padding:22px}.topbar{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.stat{padding:17px}.stat-value{font-size:24px}.stats{gap:10px}.search input{width:125px}.table-heading{padding:18px}.detail-body{padding:18px}td,th{padding-left:12px;padding-right:12px}}@media(max-width:1020px){.workspace{grid-template-columns:1fr}.detail-panel{display:block}.stats{grid-template-columns:repeat(2,1fr)}.top-actions{gap:10px}.language{display:none}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:14px 18px}.brand{padding:0;font-size:20px}.brand-sub,.workspace-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:16px;gap:5px}nav a{padding:9px 10px;white-space:nowrap;font-size:13px}nav .icon{display:none}.shell{margin-left:0}.topbar{height:58px;padding:0 18px}main{padding:18px}.notice{font-size:12px;align-items:flex-start}.notice button{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin:24px 0}h1{font-size:27px}.stats{gap:10px}.stat{padding:15px}.stat-value{font-size:23px}.stat-label{font-size:12px}.stat-note{font-size:11px}.footer{flex-wrap:wrap}.panel-toolbar{padding:14px}.table-heading{padding:15px}.search{width:100%}.search input{width:100%;padding:6px}.form-grid{grid-template-columns:1fr}.top-actions .quiet{font-size:12px}.merchant-card{align-items:flex-start;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f0f3f1;padding:32px}.login-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;margin-bottom:38px}.login-brand small{font-size:11px;letter-spacing:2px;color:#758480}.login-card{width:min(100%,480px);background:white;border:1px solid var(--line);border-radius:18px;padding:38px;box-shadow:0 20px 70px #17292508}.login-card h1{font-size:26px}.login-card>p{color:var(--muted);font-size:14px}.login-tabs{display:flex;gap:8px;margin:18px 0 4px}.login-tabs button{flex:1;font-size:14px;background:#f5f7f8}.login-tabs button.active{background:var(--dark);border-color:var(--dark);color:white}.otp-row{display:flex;gap:10px}.otp-row input{min-width:0}.otp-row button{white-space:nowrap;font-size:14px}#login-message{min-height:24px;color:#6d7f72;font-size:13px}#login-submit{width:100%;margin-bottom:12px}.login-foot{font-size:12px;color:#8d9c93;margin-top:32px}.auth-loading>.sidebar,.auth-loading>.shell,.logged-out>.sidebar,.logged-out>.shell{display:none}.authenticated>#login-screen{display:none}.status-error{color:#a74433!important}.detail-panel .address{overflow-wrap:anywhere}.record-card{border-bottom:1px solid var(--line);padding:18px 22px}.record-card h3{font-size:15px;margin:0 0 10px}.record-card p{font-size:14px;color:#6d7e86}.record-card a{font-size:13px;color:#497536;text-decoration:underline;margin-right:14px}.notice span{flex:1}.inline-error{padding:25px;color:#ac4438}.detail-body .row-between{font-size:14px;margin:10px 0}.detail-body .row-between strong{color:var(--ink);font-weight:500}.export-actions{display:flex;gap:10px;flex-wrap:wrap}.view-buttons{display:flex;gap:8px;margin:15px 0}.view-buttons button{font-size:13px}.profile strong{overflow-wrap:anywhere}.login-screen .brand-icon{font-size:23px}@media(max-width:700px){.login-card{padding:25px}.top-actions{gap:5px}.top-actions #role{max-width:100px}.breadcrumb{display:none}.topbar{justify-content:flex-end}}

.detail-actions{display:grid;gap:10px;margin-top:20px}.detail-actions .detail-action{margin-top:0}.detail-actions .primary{width:100%}.receiver-preview{margin:10px 0 2px;padding:12px;border:1px dashed #d4dfc5;border-radius:8px;background:#f8faf5;font-size:13px;color:#61736a;overflow-wrap:anywhere}.receiver-preview a{display:inline-block;margin-top:6px;color:#497536;text-decoration:underline}textarea.field{resize:vertical;min-height:96px}.form-label .field,.form-label select{margin-top:8px}

.wide-modal{width:min(1180px,calc(100% - 40px))}.records-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 20px}.records-summary div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8fafb}.records-summary span{display:block;font-size:12px;color:var(--muted)}.records-summary b{display:block;margin-top:5px;font-size:15px}.records-table table{min-width:980px}.records-table th,.records-table td{vertical-align:top}.records-table a{color:#497536;text-decoration:underline;display:inline-block;margin:0 8px 4px 0}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.table-actions button{font-size:12px;padding:6px 9px}.modal-body h3{margin:18px 0 10px;font-size:16px}@media(max-width:700px){.records-summary{grid-template-columns:1fr}.wide-modal{width:calc(100% - 20px)}}

#proof-viewer{margin:12px 0}.proof-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.proof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.proof-grid figure{margin:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.proof-thumb{height:140px;border-radius:6px;background:#f4f6f8;display:grid;place-items:center;overflow:hidden;color:#87959d;font-size:13px}.proof-thumb img{width:100%;height:100%;object-fit:contain}.proof-grid figcaption{font-size:12px;color:#62727a;margin:8px 0 4px;overflow-wrap:anywhere}.proof-grid a{font-size:12px;color:#497536;text-decoration:underline}

.language-control{display:flex;align-items:center;gap:6px;font-size:12px;color:#78878e}.language-control select{padding:4px 7px;font-size:12px}.login-language-slot{margin:-24px 0 18px}.login-language-slot .language-control{justify-content:center}.top-language-slot .language-control span{display:none}@media(max-width:700px){.top-language-slot{display:none}.login-language-slot{margin:-18px 0 14px}}

@media(max-width:700px){.workspace{gap:16px}.detail-panel{display:block;order:2}.main-panel{order:1}.detail-top{padding:16px}.detail-body{padding:16px}.detail-title{font-size:22px}.detail-actions{position:sticky;bottom:0;background:#fff;padding-top:10px;padding-bottom:env(safe-area-inset-bottom);z-index:2}.detail-action,.detail-actions .primary{min-height:48px}.address{font-size:12px}}

.remember-row{display:flex;align-items:center;gap:8px;margin:12px 0 2px;font-size:13px;color:#697980}.remember-row input{width:16px;height:16px;accent-color:#6f8d35}.remember-row span{user-select:none}.full-width{width:100%;margin-top:10px;text-align:center;border:1px solid var(--line);background:#fff;padding:11px 16px;border-radius:9px}
.group-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.group-toolbar p{margin:0;max-width:760px}.group-tabs{display:flex;gap:8px;background:#f3f6f7;border-radius:9px;padding:4px;margin:16px 0 18px;overflow:auto}.group-tabs button{border:0;background:transparent;color:#6e7e85}.group-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #15262d12}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:14px 0}.group-subpanel{border:1px solid var(--line);background:#fbfdf7;border-radius:12px;padding:16px;margin-top:14px}.group-subpanel h3{margin-top:0}.member-pill button{border:0;background:transparent;color:#819098;padding:0 0 0 6px}.pill{border-radius:6px;background:#edf4df;color:#678536;padding:6px 9px;font-size:12px;white-space:nowrap}.table-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.group-card.compact{padding:16px}.groups-page .table-wrap{margin-top:12px}@media(max-width:700px){.group-toolbar{display:block}.inline-form{grid-template-columns:1fr}.group-row{align-items:flex-start}.group-row>button,.group-row .primary{margin-top:8px}.group-card .modal-actions.left{flex-wrap:wrap}.groups-page table{white-space:normal}.groups-page th,.groups-page td{padding:10px 8px}}

/* v2026.09.30.2 UI polish */
:root{--surface:#fff;--surface-soft:#f8faf7;--surface-lime:#f4f9e6;--shadow-sm:0 10px 30px #10231b0a;--shadow-md:0 18px 55px #10231b12;--radius-lg:16px;--radius-md:12px;--accent:#d9f36c;--accent-strong:#b7d846;--danger:#b34a3d}
body{background:linear-gradient(180deg,#f7f9fa 0,#f2f5f6 360px,#f4f6f8 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;color:#1b2a30}
button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #15251e0b}.quiet:hover{transform:none;box-shadow:none;color:#263b32;background:#f4f7f0}.primary{background:linear-gradient(180deg,#defb64 0,#cfed4e 100%);border-color:#cbe758;color:#162328;box-shadow:0 8px 20px #bddb4230}.primary:hover{background:linear-gradient(180deg,#d5f45a 0,#c5e342 100%);border-color:#c4df42;box-shadow:0 12px 28px #bddb4238}.detail-action{box-shadow:0 10px 22px #1423281a}.detail-action:hover{transform:translateY(-1px);box-shadow:0 14px 32px #14232824}
.sidebar{box-shadow:8px 0 32px #12232910}.brand-icon{box-shadow:0 8px 20px #d9f36c24}.app-version{border-color:#53676b;background:#203037;color:#e1fb7e}.profile{border-top-color:#405157}.network{background:#192b30;border-color:#3b4d53}.help:hover{color:#fff;background:#22353a;border-radius:8px}
.topbar{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.top-actions select,.top-actions button,.language-control select{border-radius:999px}.preview-pill{border:1px solid #e0ecc5;background:#f4f8e8;color:#556831;font-weight:600}
.notice{border-color:#dbeac2;background:linear-gradient(90deg,#f4fae7,#fbfdf6);box-shadow:var(--shadow-sm)}.notice-icon{background:#fff;color:#607049}.page-heading{margin-top:33px}.page-heading .primary{border-radius:12px;padding:14px 22px}h1{letter-spacing:-.8px}.eyebrow{font-weight:700;color:#7a8a82}
.stats{align-items:stretch}.stat{border-radius:var(--radius-lg);border-color:#e4e9ec;box-shadow:var(--shadow-sm);background:linear-gradient(180deg,#fff,#fcfdfd);min-height:142px}.stat:first-child{background:linear-gradient(135deg,#162328 0,#21383a 100%)}.stat[data-stat-filter]:hover{box-shadow:var(--shadow-md);border-color:#d4e6aa}.stat-value{letter-spacing:-1.4px}.stat-note{line-height:1.35}.stat.active{background:#fbfff1;border-color:#c7e75a;box-shadow:0 0 0 3px #d9f36c44, var(--shadow-sm)}
.main-panel,.detail-panel{border-radius:var(--radius-lg);border-color:#e3e9ec;box-shadow:var(--shadow-sm)}.panel-toolbar{background:#fff}.tabs{background:#eef3f4;border-radius:11px;padding:5px}.tabs button{border-radius:8px;padding:7px 14px}.tabs button.active{box-shadow:0 4px 12px #14232812}.search{background:#f7fafb;border:1px solid #e5ecef;border-radius:999px;padding:6px 12px;font-size:17px}.search input{width:190px}.table-heading{background:linear-gradient(180deg,#fff,#fbfcfc)}select,.field{border-color:#dce4e8;border-radius:10px}.field:focus,select:focus{border-color:#aecb48;box-shadow:0 0 0 3px #d9f36c55;outline:0;background:#fff}
th{background:#f7f9fa;color:#7d8b93;font-weight:600;letter-spacing:.2px}td{border-bottom-color:#edf1f3}tr[data-id]{transition:background .14s ease,box-shadow .14s ease}tr[data-id]:hover,tr.selected{background:#f7fbec}.badge{border-radius:999px;padding:5px 9px;font-weight:600}.badge.completed{background:#eef2f5;color:#61717a}.badge.settlement{background:#fff3d8;color:#9a6b18}.panel-footer{background:#fbfcfc}.empty{background:linear-gradient(180deg,#fff,#fbfcfc);border-top:1px solid #f0f3f4}
.detail-top{background:linear-gradient(180deg,#fff,#fbfcfc)}.detail-title{letter-spacing:-.4px}.detail-section{border-top-color:#e8eef1}.row-between strong{font-variant-numeric:tabular-nums}.address,.receiver-preview{background:#f7fbef;border-color:#d6e6bd;border-radius:10px}.detail-actions{gap:12px}.detail-actions .primary,.detail-actions .detail-action{border-radius:12px;min-height:46px}.detail-actions button:not(.primary):not(.detail-action){border-radius:12px;background:#fff}.detail-actions button:not(.primary):not(.detail-action):hover{background:#f5f8f9}
.login-screen{background:radial-gradient(circle at 50% 12%,#f7fceb 0,#f2f6f3 310px,#edf2f1 100%)}.login-card{border-radius:24px;padding:42px;box-shadow:0 30px 90px #12251e12;border-color:#e0e7ea}.login-brand{margin-bottom:28px}.login-tabs{background:#f1f5f6;border-radius:14px;padding:5px;gap:5px}.login-tabs button{border:0;border-radius:10px}.login-tabs button.active{background:#17272b;box-shadow:0 8px 20px #17272b20}.login-card .field{padding:13px 14px}.full-width{border-radius:12px}.remember-row{padding:2px 0}
dialog{border-radius:22px;box-shadow:0 28px 100px #10252238}.modal-head{background:linear-gradient(180deg,#fff,#fbfcfc);padding:22px 28px}.modal-body{padding:26px 28px}.modal-actions button{border-radius:12px}.form-error{color:var(--danger);font-weight:600}.records-summary div{border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:0 8px 22px #10231b08}.proof-thumb{border-radius:12px;overflow:hidden;background:#f3f6f7}
.merchant-card,.group-card,.group-subpanel,.record-card{border-radius:14px;box-shadow:0 8px 24px #10231b08}.merchant-card:hover,.group-card:hover{border-color:#d3e6aa;box-shadow:var(--shadow-md)}.pill{border-radius:999px;font-weight:600}.inline-form .field{min-height:44px}.table-actions button{border-radius:10px}.language-control select{background:#fff}
#toast{border-radius:999px;box-shadow:0 14px 38px #11251f30}
@media(max-width:1200px){.search input{width:150px}.stat{min-height:128px}.workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1020px){.topbar{position:static}.detail-panel{box-shadow:var(--shadow-sm)}}
@media(max-width:700px){body{background:#f4f6f8}.login-screen{padding:22px}.login-card{padding:26px;border-radius:22px}.sidebar{box-shadow:none;border-bottom:1px solid #24383d}.brand{margin-bottom:0}.app-version{top:31px;left:47px}.topbar{position:sticky;top:0;height:auto;min-height:58px;padding:10px 14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.preview-pill{display:none}main{padding:16px}.notice{border-radius:13px;padding:11px 12px}.page-heading .primary{width:100%;min-height:46px}.stats{grid-template-columns:1fr 1fr}.stat{min-height:116px;border-radius:15px}.stat-value{font-size:22px}.workspace{gap:14px}.main-panel,.detail-panel{border-radius:16px}.panel-toolbar{gap:12px}.tabs{width:100%;justify-content:space-between}.tabs button{flex:1}.search{width:100%;padding:8px 12px}.table-heading{align-items:flex-start;flex-direction:column}.table-heading label,.table-heading select{width:100%}.detail-actions{position:sticky;bottom:0;margin-left:-16px;margin-right:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -14px 28px #10231b0d}.modal-body{padding:20px}.modal-head{padding:18px 20px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions .primary{width:100%}.otp-row{display:grid;grid-template-columns:1fr auto}.footer{font-size:10px}.records-table table{min-width:860px}}

/* v2026.09.30.3 modal close stays visible while scrolling */
dialog{overflow:hidden}.modal-head{position:sticky;top:0;z-index:5;background:#fff}.modal-head button{position:relative;z-index:6;min-width:44px;min-height:44px;border-radius:12px}.modal-head button:hover{background:#f1f4f5;color:#17272b}.modal-body{overflow:visible}
@media(max-width:700px){.modal-head{top:0}.modal-head button{min-width:42px;min-height:42px}}

/* v2026.09.30.4 ledger account display */
.ledger-total{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0 22px}.ledger-total article{border:1px solid #e4e9ec;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafb);box-shadow:var(--shadow-sm);padding:15px 16px}.ledger-total span{display:block;color:#75858d;font-size:12px;font-weight:700;letter-spacing:.3px}.ledger-total strong{display:block;margin:6px 0 3px;font-size:22px;letter-spacing:-.5px}.ledger-total small{color:#8b979d}.ledger-table table{min-width:1280px}.ledger-table th,.ledger-table td{vertical-align:top}.ledger-account{min-width:150px;max-width:220px;white-space:normal}.ledger-account span{display:block;color:#8a979e;font-size:11px;margin-bottom:3px}.ledger-account b{display:block;color:#203037;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.ledger-summary>p{margin-bottom:8px;color:#71808a}.ledger-summary h3{margin-bottom:8px}
@media(max-width:700px){.ledger-total{grid-template-columns:1fr}.ledger-table table{min-width:1120px}.ledger-account{min-width:135px}}

/* v2026.09.30.6 ledger table readability and proof detail */
.ledger-table table{min-width:1060px}.ledger-table tr[data-ledger-row]{cursor:pointer}.ledger-table tr[data-ledger-row]:hover{background:#f8fced}.ledger-table td{vertical-align:middle}.ledger-account-pair{display:grid;gap:8px;min-width:230px}.ledger-account{min-width:0;max-width:290px;white-space:normal}.ledger-account span{display:block;color:#8a979e;font-size:11px;margin-bottom:3px;font-weight:600}.ledger-account b{display:block;color:#203037;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.ledger-time{white-space:nowrap;font-weight:600;color:#203037}.ledger-record-detail .records-summary{margin-top:0}.ledger-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.ledger-detail-grid section{border:1px solid var(--line);border-radius:14px;background:#fbfcfc;padding:14px;display:grid;gap:12px}.ledger-detail-grid .ledger-account{max-width:none}.ledger-table button{border-radius:10px;padding:8px 11px;font-size:12px;white-space:nowrap}
@media(max-width:700px){.ledger-table table{min-width:980px}.ledger-account-pair{min-width:200px}.ledger-detail-grid{grid-template-columns:1fr}.ledger-time{white-space:normal}}


/* v2026.09.30.8 hide unused batch detail card on ledger page */
.workspace.ledger-workspace{grid-template-columns:minmax(0,1fr)}
.workspace.ledger-workspace .detail-panel{display:none}


/* v2026.09.30.9 ledger status and account filters */
.ledger-filters{display:grid;grid-template-columns:minmax(160px,220px) minmax(260px,1fr) auto;gap:12px;align-items:end;margin:14px 0 8px}
.ledger-filters label{font-size:13px;color:#607078;font-weight:600}
.ledger-filters .field{margin-top:6px}
.ledger-filters button{height:42px;white-space:nowrap}
#ledger-filter-note{margin:4px 0 12px}
@media(max-width:700px){.ledger-filters{grid-template-columns:1fr}.ledger-filters button{width:100%}}

/* v2026.10.02.7 shared trade catalog settings */
.settings-page{padding-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcfc);box-shadow:var(--shadow-sm);padding:20px}.settings-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.settings-head h3{margin:0 0 6px;font-size:18px}.settings-head p{margin:0;color:#75858d;font-size:13px}.settings-head>span{border-radius:999px;background:#eff5df;color:#617a2d;font-size:12px;font-weight:700;padding:5px 9px;white-space:nowrap}.catalog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:20px}.catalog-item{border:1px solid #e5ecef;border-radius:13px;background:#fff;padding:12px;display:grid;gap:4px;min-height:82px}.catalog-item strong{font-size:18px;letter-spacing:.5px}.catalog-item span{font-size:13px;color:#4f6068;line-height:1.35}.catalog-item small{font-size:12px;color:#87959d}.settings-form{border-top:1px solid var(--line);padding-top:16px}.settings-form h4{margin:0 0 6px;font-size:15px}.settings-form .primary{margin-top:8px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.catalog-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

.records-summary.records-summary-expanded{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.records-summary.records-summary-expanded>div{min-height:58px}
.form-error.visible,.form-error:not(:empty){color:#b3261e;background:#fff4f2;border:1px solid #ffd6d1;border-radius:10px;padding:10px 12px;margin-top:10px}
.group-toolbar .form-error:empty,#group-discover-error:empty,#group-records-error:empty,#group-message:empty{display:none}


/* v2026.10.02.7 modal scroll fix */
dialog{display:flex;flex-direction:column;max-height:min(90vh,calc(100dvh - 32px));overflow:hidden}
.modal-head{flex:0 0 auto}
.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(26px,calc(26px + env(safe-area-inset-bottom)))}
@media(max-width:700px){dialog{max-height:calc(100dvh - 12px);width:calc(100% - 12px)}.modal-body{padding-bottom:max(22px,calc(22px + env(safe-area-inset-bottom)))}}


/* v2026.10.02.7 modal content flex fix */
#modal-content{display:flex;flex-direction:column;max-height:inherit;min-height:0;overflow:hidden}
#modal-content>.modal-head{flex:0 0 auto}
#modal-content>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}

.direction-pill{display:inline-flex;align-items:center;font-weight:700}.direction-pill.buy{background:#edf4df;color:#5d7d28}.direction-pill.sell{background:#eaf3ff;color:#28618c}

.check-row{display:flex;align-items:center;gap:9px;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);background:#fbfcfd;border-radius:8px;font-size:13px;color:#5f7078}.check-row input{width:16px;height:16px;accent-color:#7c9838}

.row-actions{display:flex;gap:8px;align-items:center}.row-actions button{padding:8px 12px;font-size:13px}

/* v2026.10.02.20 table pages use full width until a detail is opened */
.workspace.table-workspace:not(.detail-open){grid-template-columns:minmax(0,1fr)}
.workspace.table-workspace:not(.detail-open) .detail-panel{display:none}
.workspace.table-workspace .main-panel{min-width:0}
.records-table table{min-width:760px}
.records-table th,.records-table td{padding-left:12px;padding-right:12px}
.records-table th:first-child,.records-table td:first-child{padding-left:18px}
.records-table td{white-space:normal}
.records-table td.mono{white-space:nowrap}
@media(min-width:1200px){.workspace.table-workspace:not(.detail-open) .records-table table{min-width:0}.workspace.table-workspace:not(.detail-open) .ledger-table table{min-width:980px}}

/* v2026.10.02.28 resizable columns and record filters */
.record-filters{display:grid;grid-template-columns:minmax(120px,180px) minmax(120px,170px) minmax(120px,170px) minmax(220px,1fr) auto auto;gap:10px;align-items:end;margin:14px 0 18px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfcfd}
.record-filters label{font-size:12px;color:#75858d;font-weight:700;display:grid;gap:6px}
.record-filters .field{margin:0;padding:9px 10px}
.record-filters button{padding:9px 12px;white-space:nowrap}
.record-filters small{color:#7a8990;font-size:12px;white-space:nowrap;padding-bottom:10px}
.resizable-table th{position:relative;user-select:none}
.col-resizer{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:2;touch-action:none}
.col-resizer::after{content:'';position:absolute;right:3px;top:22%;bottom:22%;width:1px;background:#dbe3e6}
.resizable-table th:hover .col-resizer::after,.resizing-col .col-resizer::after{background:#9fbd36;width:2px}
body.resizing-col{cursor:col-resize;user-select:none}
@media(max-width:900px){.record-filters{grid-template-columns:1fr 1fr}.record-filters small{padding-bottom:0}}
@media(max-width:700px){.record-filters{grid-template-columns:1fr}}


/* v2026.10.02.28 attach payment can create a batch inline */
.mode-tabs{display:flex;gap:8px;margin:14px 0 18px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#f7fafb}
.mode-tabs button{flex:1;border:0;background:transparent;border-radius:9px;font-weight:700;color:#6d7b82}
.mode-tabs button.active{background:#fff;box-shadow:0 2px 10px #17232912;color:#18242b}
.mode-tabs button:disabled{opacity:.45;cursor:not-allowed}
#attach-new-panel h3{font-size:15px;margin:18px 0 10px}


/* v2026.10.02.28 groups page redesign */
.groups-page{padding:0 22px 26px}.group-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:4px 0 18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#17272c,#22373d);color:#fff;box-shadow:0 16px 42px #11231b12}.group-hero h2{font-size:26px;margin:0 0 4px}.group-hero p{color:#c9d5d8;margin:0;max-width:720px}.group-hero .eyebrow{color:#d9f36c}.group-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.group-hero-actions button:not(.primary){background:#ffffff12;color:#fff;border-color:#ffffff25}.group-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.group-stat{display:grid;gap:4px;text-align:left;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--line)}.group-stat strong{font-size:24px;line-height:1.1}.group-stat span,.group-stat small{color:#75858d}.group-stat.active{border-color:#bde257;box-shadow:0 0 0 2px #d9f36c55;background:#fbfff1}.group-tabs{position:sticky;top:78px;z-index:2}.group-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:22px 0 12px}.group-section-head.joined{margin-top:30px}.group-section-head h3{margin:0;font-size:18px}.group-section-head p{margin:4px 0 0;color:#7a8990;font-size:13px}.group-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.group-card.modern{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px #10231b08}.group-card.modern:hover{border-color:#cfe6a3;box-shadow:0 16px 34px #10231b12}.group-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.group-title-row{display:flex;gap:12px;align-items:center;min-width:0}.group-title-row h3{margin:0;font-size:17px}.group-title-row p{margin:2px 0 0;color:#7e8b92;font-size:12px}.group-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eef7d6;color:#496622;font-size:18px;flex-shrink:0}.group-icon.soft{background:#eef4f6;color:#5a7078}.pill.owner{background:#17272c;color:#d9f36c}.group-meta-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin:12px 0}.group-meta-row>div{border:1px solid #edf1f3;border-radius:13px;background:#fbfcfd;padding:10px 12px;min-width:0}.group-meta-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-meta-row span{font-size:12px;color:#7f8d94}.group-preview-members{display:flex;align-items:center;gap:10px;color:#5e7078;font-size:13px;min-height:42px}.group-avatar-stack{display:flex;align-items:center}.group-avatar{width:31px;height:31px;border-radius:50%;display:inline-grid;place-items:center;background:#d9f36c;color:#1b2b26;border:2px solid #fff;font-size:12px;font-weight:800;margin-right:-7px;box-shadow:0 2px 6px #10231b14}.group-avatar:nth-child(2n){background:#dce8f8;color:#2d5a7c}.group-avatar:nth-child(3n){background:#f2e5d9;color:#7a5638}.group-avatar.more{background:#edf1f4;color:#708089;margin-right:0}.group-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}.group-member-card{display:flex;align-items:center;gap:10px;border:1px solid #edf1f3;border-radius:13px;padding:10px;background:#fbfcfd}.group-member-card .group-avatar{margin-right:0}.group-member-card strong{display:block;font-size:13px}.group-member-card small{display:block;color:#8a989f;font-size:11px}.icon-button{width:28px;height:28px;padding:0;margin-left:auto;border-radius:50%}.icon-button.danger,.danger-text{color:#a94333}.group-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.group-actions button{padding:8px 11px;border-radius:10px;font-size:13px}.group-editor-panel,.discover-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:20px;margin-top:18px;box-shadow:0 12px 36px #10231b08}.group-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.group-editor-head h3{margin:0}.group-editor-head p{margin:4px 0 0;color:#7d8a91;font-size:13px}.group-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-search-results,.selected-member-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.member-result,.member-pill.selected{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px}.member-pill.selected .group-avatar{margin-right:0;width:26px;height:26px}.invite-panel{background:#f8fbf1;border-style:solid}.empty.group-empty{border:1px dashed #d9e2e6;border-radius:18px;background:#fbfcfd;padding:34px 20px}.empty.group-empty h3{margin:0 0 6px;color:#18242b}.empty.slim{padding:18px}.group-record-table table{min-width:980px}.group-record-table td small{display:block;color:#8a989f;margin-top:3px}.joined-grid .group-card{background:#fcfdf9}@media(max-width:900px){.groups-page{padding:0 14px 22px}.group-hero{display:block}.group-hero-actions{margin-top:16px}.group-stats{grid-template-columns:1fr}.group-field-grid{grid-template-columns:1fr}.group-tabs{top:58px}.group-card-grid{grid-template-columns:1fr}.group-meta-row{grid-template-columns:1fr}.group-section-head{display:block}.group-section-head button{margin-top:10px}}@media(max-width:700px){.group-hero{padding:20px;border-radius:18px}.group-hero-actions{display:grid}.group-actions{display:grid;grid-template-columns:1fr 1fr}.group-actions button{width:100%}.group-members-grid{grid-template-columns:1fr}.group-stat strong{font-size:20px}}


/* v2026.10.02.28 clipped table cells */
.clip-text{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;padding:0;color:var(--ink);text-align:left;border-radius:4px}.clip-text:hover{background:#f1f6e6;color:#526a1e}.records-table td{vertical-align:middle}.records-table .amount-cell{min-width:130px;white-space:nowrap}.full-text-box{white-space:pre-wrap;word-break:break-all;border:1px solid var(--line);background:#f8fafb;border-radius:12px;padding:16px;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#203039}.personal-payments .records-table table{table-layout:fixed;min-width:1180px}.personal-payments .records-table th:nth-child(1){width:140px}.personal-payments .records-table th:nth-child(2){width:150px}.personal-payments .records-table th:nth-child(3){width:160px}.personal-payments .records-table th:nth-child(4){width:170px}.personal-payments .records-table th:nth-child(5){width:220px}.personal-payments .records-table th:nth-child(6){width:145px}.personal-payments .records-table th:nth-child(7){width:145px}.personal-payments .records-table th:nth-child(8){width:150px}.personal-payments .records-table th:nth-child(9){width:100px}.personal-payments .records-table th:nth-child(10){width:170px}


/* v2026.10.02.28 prevent clipped table content from overlapping adjacent columns */
.records-table th,.records-table td,.ledger-table th,.ledger-table td{overflow:hidden}
.records-table .clip-text{width:100%;max-width:100%;min-width:0;box-sizing:border-box;line-height:1.35}
.personal-payments .records-table td:nth-child(3),.personal-payments .records-table td:nth-child(4),.personal-payments .records-table td:nth-child(5){max-width:0}
.personal-payments .records-table .amount-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ledger-account-pair{min-width:0;max-width:100%;overflow:hidden}
.ledger-account{max-width:100%;overflow:hidden}
.ledger-account b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal}

.group-id-block{display:flex;align-items:center;gap:10px;border:1px solid #e7eef1;background:#f8fbfd;border-radius:13px;padding:10px 12px;margin:8px 0 12px}.group-id-block span{font-size:12px;color:#7f8d94}.group-id-block strong{font-size:16px;letter-spacing:.02em;color:#17272c}.group-id-block button{margin-left:auto;padding:6px 10px;border-radius:9px;font-size:12px}

.compact-settings .settings-head{align-items:flex-start}.settings-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-head-actions span{display:inline-flex;border-radius:999px;background:#edf4df;color:#678536;padding:6px 10px;font-size:12px;font-weight:700}.clickable-list .catalog-item{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.clickable-list .catalog-item:hover{border-color:#cfe6a3;box-shadow:0 10px 24px #10231b0d;transform:translateY(-1px)}.catalog-item .item-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.catalog-item .item-actions button{padding:6px 10px;border-radius:9px;font-size:12px}.modal-form{margin-top:0}

/* v2026.10.03.11 compact table density */
.main-panel table,
.records-table table,
.ledger-table table{font-size:13px;line-height:1.35}
.main-panel th,
.main-panel td,
.records-table th,
.records-table td,
.ledger-table th,
.ledger-table td{padding-top:8px!important;padding-bottom:8px!important}
.main-panel th,
.records-table th,
.ledger-table th{font-size:11px;line-height:1.25}
.main-panel td,
.records-table td,
.ledger-table td{font-size:13px;line-height:1.35}
td small,
.records-table td small,
.ledger-table td small{font-size:11px;margin-top:2px;line-height:1.3}
.badge{padding:2px 7px;font-size:11px;line-height:1.35;border-radius:999px;display:inline-flex;align-items:center;min-height:20px}
.table-actions{gap:5px}
.table-actions button,
.row-actions button,
.ledger-table button{padding:5px 8px!important;font-size:11px!important;line-height:1.25;border-radius:8px}
.clip-text{line-height:1.3}
.personal-payments .records-table table{min-width:1080px}
.personal-payments .records-table th:nth-child(1){width:112px}
.personal-payments .records-table th:nth-child(2){width:122px}
.personal-payments .records-table th:nth-child(3){width:142px}
.personal-payments .records-table th:nth-child(4){width:145px}
.personal-payments .records-table th:nth-child(5){width:190px}
.personal-payments .records-table th:nth-child(6){width:124px}
.personal-payments .records-table th:nth-child(7){width:122px}
.personal-payments .records-table th:nth-child(8){width:128px}
.personal-payments .records-table th:nth-child(9){width:86px}
.personal-payments .records-table th:nth-child(10){width:142px}
@media(max-width:700px){.main-panel th,.main-panel td,.records-table th,.records-table td,.ledger-table th,.ledger-table td{padding-top:7px!important;padding-bottom:7px!important}.records-table table{min-width:760px}.personal-payments .records-table table{min-width:980px}}

.proof-dropzone{margin-top:8px;border:1px dashed var(--line);border-radius:14px;background:#f8fbfc;padding:12px;transition:border-color .15s,background .15s,box-shadow .15s}
.proof-dropzone.dragging{border-color:var(--accent);background:#f4ffd9;box-shadow:0 0 0 3px rgba(196,245,45,.18)}
.proof-drop-main{font-weight:800;color:var(--text);margin-bottom:4px}
.proof-drop-sub,.proof-file-status{font-size:12px;color:var(--muted);line-height:1.5}
.proof-file-input{width:100%;margin:10px 0 6px}

.clean-payment-form .form-section{border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0;background:#fbfdfe}
.clean-payment-form .form-section h3{margin:0 0 10px;font-size:15px}
.payer-reference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.payer-reference-row button{margin-bottom:0}
.modal-intro{color:var(--muted);line-height:1.7}
@media(max-width:720px){.payer-reference-row{grid-template-columns:1fr}.payer-reference-row button{width:100%}}

.existing-proof-preview{margin-top:8px}
.existing-proof-preview .proof-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.existing-proof-preview .proof-thumb{height:96px}

.workspace.detail-hidden{grid-template-columns:minmax(0,1fr)}
.workspace.detail-hidden .detail-panel{display:none}
.detail-top{gap:12px}
.detail-top>div{min-width:0}
.detail-close{padding:7px 10px;font-size:12px;border-radius:8px;background:#f6f8f9;color:#65737a;white-space:nowrap}
.detail-close:hover{background:#eef2f4}
.detail-toggle-button{margin-left:auto;padding:8px 12px;font-size:13px;border-radius:9px;background:#f6f8f9;color:#31423c}
.table-heading .detail-toggle-button{flex-shrink:0}
@media(max-width:1020px){.workspace.detail-hidden .detail-panel{display:none}}

.workspace{grid-template-columns:minmax(0,1fr)}
.detail-panel{display:none}
.detail-modal{width:min(430px,calc(100% - 32px))}
.detail-modal .modal-body{padding:0}
.detail-modal-card .detail-top{border-bottom:1px solid var(--line);padding:20px 22px}
.detail-modal-card .detail-body{padding:22px}
.detail-modal-card .detail-actions{margin-top:20px}
.detail-modal-card .detail-action,.detail-modal-card .detail-actions .primary{width:100%}
.detail-modal{width:min(460px,calc(100% - 32px));max-height:min(88vh,900px);overflow:hidden}.detail-modal .modal-body{max-height:calc(88vh - 78px);overflow:auto;padding:0}.detail-modal-card .detail-actions{position:static}.detail-modal-card .detail-action,.detail-modal-card .detail-actions .primary{min-height:46px}dialog.wide-modal .modal-body{max-height:calc(90vh - 78px);overflow:auto}

.proof-large-list{display:flex;flex-direction:column;gap:18px;max-height:min(72vh,760px);overflow:auto;padding-right:4px}
.proof-large-item{margin:0;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.proof-large-item img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#f6f8f9}
.proof-large-item figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;color:#62727a;overflow-wrap:anywhere}
.proof-large-item a{color:#497536;text-decoration:underline;white-space:nowrap}
.proof-large-empty{min-height:220px;display:grid;place-items:center;background:#f4f6f8;color:#87959d}
.existing-proof-preview .proof-large-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:none;overflow:visible;gap:10px}
.existing-proof-preview .proof-large-item img{height:120px;max-height:120px}
.existing-proof-preview .proof-large-item figcaption{display:block;font-size:12px}

.records-address{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;padding:12px 14px;margin:4px 0 18px}.records-address span{font-size:12px;color:var(--muted)}.records-address .clip-text{max-width:none;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f7f0;border:1px dashed #d4dfc5;border-radius:9px;padding:10px 12px;color:#52675e}@media(max-width:700px){.records-address{grid-template-columns:1fr;gap:8px}}

.settings-head{flex-wrap:wrap}.settings-head>div:first-child{min-width:0}.settings-head-actions{flex-shrink:0}.address-item small{overflow-wrap:anywhere;word-break:break-all}
.settings-page .catalog-item{min-width:0;overflow:hidden}.settings-page .address-item small{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important}.settings-page .address-item span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.settlement-ledger-table table{min-width:1580px}.settlement-ledger-table th,.settlement-ledger-table td{padding-left:12px;padding-right:12px}.settlement-ledger-table tr.group-end td{border-bottom:2px solid #c8d7dd}.settlement-ledger-table .group-total strong{display:block}.settlement-ledger-table .group-total small{display:block;color:#7b8a90}.settlement-ledger-table .clip-text{max-width:190px}.settlement-ledger-table .ledger-date,.settlement-ledger-table .ledger-time{white-space:nowrap}