:root{--bg:#f4f7f7;--bg-rail:#eaf2f1;--surface:#fff;--surface-muted:#f7faf9;--surface-tint:#eef7f5;--border:#d6e1e0;--border-strong:#b8c9c7;--text:#17242b;--muted:#647783;--muted-strong:#435561;--accent:#13756f;--accent-dark:#0c5f5a;--accent-soft:#d9f1ee;--danger:#b42318;--danger-soft:#fde6e3;--warning:#9a5b05;--warning-soft:#fff2d6;--success:#167245;--success-soft:#def4e8;--radius:6px;--shadow:0 1px 2px #17242b0d;--font:"Aptos", "Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(180deg, #eaf2f1a6, #f4f7f700 260px), var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #13756f38}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(440px,100%);padding:30px;box-shadow:0 18px 50px #17242b14}.login-logo{width:250px;max-width:100%;height:auto;margin-bottom:22px;display:block}.login-box h1,.page-title h1{color:var(--text);letter-spacing:0;margin:0;font-size:24px;line-height:1.18}.login-box p,.page-title p{color:var(--muted);margin:8px 0 0}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);height:100vh;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;flex-direction:column;gap:18px;padding:18px 12px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);padding:8px 10px 16px}.brand img{width:168px;max-width:100%;height:auto;margin-bottom:12px;display:block}.brand strong{color:var(--accent-dark);font-size:16px;line-height:1.2;display:block}.brand span{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:12px;display:block}.nav{gap:4px;display:grid}.nav a,.logout-button{border-radius:var(--radius);width:100%;min-height:40px;color:var(--muted-strong);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:700;display:flex}.nav a:hover,.logout-button:hover{background:var(--surface-muted);color:var(--text)}.nav a.active{border-color:var(--border);background:var(--surface-tint);color:var(--accent-dark)}.nav svg,.logout-button svg{flex:none}.sidebar-footer{margin-top:auto}.logout-button{color:var(--muted)}.content{width:min(100%,1320px);min-width:0;padding:30px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-actions,.card-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start}.main-stack{gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.card-header h2{color:var(--text);margin:0;font-size:16px;line-height:1.2}.card-header p{color:var(--muted);margin:5px 0 0;font-size:13px}.card-body{padding:18px}.work-panel{background:linear-gradient(90deg, #d9f1eed1, #ffffff9e), var(--surface);border-color:var(--border-strong)}.work-list{gap:1px;padding:8px;display:grid}.work-row{border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:68px;padding:12px;display:grid}.work-row:hover{background:#ffffffb8}.work-row strong{font-size:15px;display:block}.work-row p{color:var(--muted);margin:3px 0 0;font-size:13px}.stat{padding:16px}.stat span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.stat strong{margin-top:8px;font-size:28px;line-height:1;display:block}.stat small{color:var(--muted);margin-top:7px;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}th{color:var(--muted-strong);background:var(--surface-muted);white-space:nowrap;font-size:12px;font-weight:800}tbody tr:hover{background:#fbfdfc}td strong{font-weight:800}.muted{color:var(--muted)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.neutral{background:var(--surface-muted);color:var(--muted-strong)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-form{gap:18px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{color:var(--muted-strong);font-size:12px;font-weight:800}.field input,.field select,.field textarea,.inline-form input,.inline-form select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;min-height:40px;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:92px}.field-help{color:var(--muted);margin:0;font-size:12px}.notice{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:12px 14px;font-weight:800}.notice.ok{background:var(--success-soft);color:var(--success);border-color:#16724538}.notice.error{background:var(--danger-soft);color:var(--danger);border-color:#b4231838}.button{border-radius:var(--radius);background:var(--accent);color:#fff;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-size:14px;font-weight:800;display:inline-flex}.button:hover{background:var(--accent-dark)}.button:disabled{cursor:not-allowed;background:var(--surface-muted);color:var(--muted);border-color:var(--border)}.button.secondary{color:var(--text);border-color:var(--border);background:#fff}.button.secondary:hover{border-color:var(--border-strong);background:var(--surface-muted)}.button.danger{background:var(--danger)}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-actions{justify-content:flex-end;display:flex}.inline-form input{width:118px}.inline-form input[name=transferReference]{width:150px}.filters-bar{border-bottom:1px solid var(--border);background:var(--surface-muted);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:12px;padding:16px 18px;display:grid}.filters-actions,.pagination-bar,.row-actions,.drawer-actions,.drawer-form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions-cell{min-width:150px}.payment-cell{min-width:420px}.checkbox-field label{min-height:40px;color:var(--text);align-items:center;gap:10px;font-weight:700;display:flex}.checkbox-field input{width:18px;height:18px}.document-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.document-list li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.pagination-bar{color:var(--muted);justify-content:space-between;padding:14px 18px}.pagination-bar>div{gap:8px;display:flex}.button[aria-disabled=true]{pointer-events:none;opacity:.52}.table-link{color:var(--text)}.table-link:hover{color:var(--accent-dark);text-decoration:underline}.sort-link{color:inherit;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.sort-link:hover,.sort-link.active{color:var(--accent-dark)}.sort-arrows{color:var(--border-strong);gap:0;font-size:9px;line-height:.8;display:inline-grid}.sort-arrows .on{color:var(--accent-dark)}.selected-row{background:var(--surface-tint)}.drawer-layer{z-index:50;grid-template-columns:minmax(0,1fr) minmax(420px,620px);display:grid;position:fixed;inset:0}.drawer-backdrop{background:#17242b47}.member-drawer{background:var(--bg);border-left:1px solid var(--border-strong);grid-template-rows:auto minmax(0,1fr);min-width:0;height:100vh;display:grid;overflow:hidden;box-shadow:-18px 0 40px #17242b2e}.drawer-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px;display:flex}.drawer-header h2{margin:4px 0 0;font-size:22px;line-height:1.18}.drawer-body{align-content:start;gap:14px;padding:16px;display:grid;overflow-y:auto}.modal-layer{z-index:60;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{background:#17242b52;position:absolute;inset:0}.modal-panel{z-index:1;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;width:min(760px,100%);max-height:min(840px,100vh - 48px);position:relative;overflow-y:auto;box-shadow:0 24px 80px #17242b38}.empty,.empty-state{color:var(--muted);text-align:center;padding:30px}.empty-state{justify-items:center;gap:8px;display:grid}.empty-state strong{color:var(--text);font-size:16px}.empty-state p{max-width:460px;margin:0}.report-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.definition-list{gap:10px;display:grid}.definition-row{border-bottom:1px solid var(--border);grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.definition-row:last-child{border-bottom:0}.definition-row dt{color:var(--muted-strong);font-weight:800}.definition-row dd{overflow-wrap:anywhere;margin:0}.member-email-card{margin-top:16px}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.brand{padding-bottom:12px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.content{padding:22px}.stats-grid,.two-col,.report-actions,.filters-bar{grid-template-columns:1fr 1fr}.filters-actions{grid-column:1/-1}}@media (max-width:720px){html{overflow-x:hidden}body{font-size:14px;overflow-x:hidden}.login-box{padding:24px}.app-shell{display:block}.sidebar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;gap:8px;padding:10px 10px 8px;position:sticky;top:0}.brand{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:0 2px 8px;display:grid}.brand img{width:154px;margin:0}.brand strong{text-align:right;justify-self:end;font-size:12px}.brand span{grid-column:1/-1;margin-top:0;font-size:11px;line-height:1.2}.nav{overscroll-behavior-x:contain;scrollbar-width:none;gap:6px;margin:0 -10px;padding:0 10px 2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a,.logout-button,.button{min-height:44px}.nav a{white-space:nowrap;flex:none;width:auto;padding:8px 10px;font-size:13px}.sidebar-footer{margin-top:2px}.logout-button{justify-content:center;min-height:38px;padding:7px 10px;font-size:13px}.content{width:100%;padding:16px 10px 24px}.topbar,.card-header,.work-row{grid-template-columns:1fr;display:grid}.topbar{gap:12px;margin-bottom:14px}.page-title h1{font-size:22px}.page-title p{font-size:13px}.page-actions,.card-actions,.settings-actions{justify-content:stretch}.page-actions .button,.card-actions .button,.settings-actions .button{width:100%}.card{border-left:0;border-right:0;border-radius:0;margin-left:-10px;margin-right:-10px}.card-header,.card-body{padding:14px 12px}.stats-grid,.two-col,.form-grid,.report-actions,.definition-row,.filters-bar,.drawer-layer{grid-template-columns:1fr}.drawer-backdrop{display:none}.drawer-layer{display:block}.member-drawer{border-left:0;width:100vw;height:100vh}.drawer-header{z-index:2;padding:14px 12px;position:sticky;top:0}.drawer-header h2{overflow-wrap:anywhere;font-size:18px}.drawer-actions,.drawer-form-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.drawer-actions .button,.drawer-form-actions .button{width:100%}.drawer-body{gap:12px;padding:12px 10px 24px}.modal-layer{align-items:stretch;padding:0}.modal-panel{border:0;border-radius:0;width:100%;max-height:100vh}.filters-bar{gap:10px;padding:12px}.filters-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.filters-actions .button{width:100%}.pagination-bar{gap:10px;padding:12px;display:grid}.pagination-bar>div{grid-template-columns:1fr 1fr;display:grid}.pagination-bar .button{width:100%}.inline-form{grid-template-columns:1fr;display:grid}.inline-form input,.inline-form input[name=transferReference]{width:100%}th,td{padding:11px 12px}.table-wrap{overflow:visible}.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table tbody{display:grid}.responsive-table tr{border-bottom:1px solid var(--border);background:var(--surface);padding:14px 12px}.responsive-table tr:hover,.responsive-table .selected-row{background:var(--surface-tint)}.responsive-table td{overflow-wrap:anywhere;border-bottom:0;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:6px 0;display:grid}.responsive-table td:before{content:attr(data-label);color:var(--muted-strong);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.25}.responsive-table td:first-child{padding-top:0}.responsive-table td:last-child{padding-bottom:0}.responsive-table td.actions-cell,.responsive-table td.payment-cell{grid-template-columns:1fr;min-width:0;padding-top:10px}.responsive-table td.actions-cell:before,.responsive-table td.payment-cell:before{margin-bottom:-2px}.responsive-table .row-actions{grid-template-columns:1fr;width:100%;display:grid}.responsive-table .row-actions .button,.responsive-table .row-actions select,.responsive-table .inline-form .button,.responsive-table .inline-form{width:100%}.compact-table td{grid-template-columns:92px minmax(0,1fr)}}