:root{color:#152b2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#0b6b57;--primary-light:#e7f5f0;--mint:#e7f5f0;--text:#152b2a;--secondary-text:#647370;--background:#f7faf8;--card:#fff;--border:#dde8e3;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--radius-card:18px;--radius-control:12px;--shadow-card:0 8px 24px #152b2a0d;--healthcare:#eaf3fa;--education:#e5f5ef;--warning:#fff2cc;--error:#c93636;background:#f7faf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:16px;line-height:24px}html{background:var(--background)}button,input,textarea,select{font:inherit}button,input,textarea{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1480px,100% - 32px);padding:var(--space-3) 0 48px;margin:0 auto}.workspace-header,.brand-lockup,.detail-title-row,.section-heading,.action-row,.pagination,.queue-item-topline,.queue-meta,.document-row{align-items:center;display:flex}.workspace-header{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.brand-lockup{gap:var(--space-2)}.brand-mark{background:var(--primary);color:#fff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.eyebrow{color:var(--secondary-text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:.75rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.035em;margin:0;font-size:36px;font-weight:800;line-height:42px}.brand-title{margin:0;font-size:1.2rem;font-weight:800}.account-chip{color:var(--secondary-text);justify-items:end;gap:2px;font-size:14px;line-height:20px;display:grid}.account-name{color:var(--text);font-weight:800}.workspace-tabs{gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);flex-wrap:wrap;width:100%;display:flex}.workspace-tab{min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--secondary-text);cursor:pointer;background:0 0;border:0;font-weight:800}.dashboard-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-card{gap:var(--space-1);min-height:164px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--card);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);display:grid}.dashboard-card:hover,.dashboard-card:focus-visible{background:var(--primary-light);border-color:#b8cec7}.dashboard-card>span{color:var(--secondary-text);font-weight:800}.dashboard-card strong{color:var(--primary);font-size:clamp(2rem,5vw,3rem);line-height:1}.dashboard-card small{color:var(--secondary-text);font-size:14px;line-height:20px}.workspace-tab:hover,.workspace-tab:focus-visible{background:var(--background);color:var(--text)}.workspace-tab.is-active{background:var(--primary-light);color:var(--primary)}.workspace-intro{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(135deg, var(--card), var(--primary-light));display:flex}.workspace-intro h2{margin:var(--space-2) 0 var(--space-1);letter-spacing:-.035em;font-size:36px;font-weight:800;line-height:42px}.workspace-intro p{max-width:760px;color:var(--secondary-text);margin:0}.status-pill,.status-badge,.type-badge{border-radius:999px;align-items:center;width:fit-content;font-weight:800;display:inline-flex}.status-pill{background:var(--primary-light);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;font-size:.72rem}.queue-count{min-width:112px;padding:12px var(--space-2);border-radius:var(--radius-card);text-align:right;background:#ffffffc2;display:grid}.queue-count strong{color:var(--primary);font-size:1.65rem}.queue-count span{color:var(--secondary-text);font-size:14px;line-height:20px}.workspace-grid{gap:var(--space-3);grid-template-columns:minmax(290px,360px) minmax(0,1fr);align-items:start;display:grid}.queue-panel,.detail-panel,.auth-card,.permission-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card)}.queue-panel{border-radius:var(--radius-card);position:sticky;top:16px;overflow:hidden}.detail-panel{border-radius:var(--radius-card);min-height:680px}.panel-heading,.detail-content,.detail-state{padding:var(--space-3)}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0;font-size:20px;font-weight:800;line-height:28px}.icon-button{border:1px solid var(--border);border-radius:var(--radius-control);min-height:40px;color:var(--primary);cursor:pointer;background:#fff;padding:0 12px;font-weight:750}.queue-list{display:grid}.queue-item{gap:var(--space-1);width:100%;padding:var(--space-2) 20px;border:0;border-bottom:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:0 0;display:grid}.queue-item:hover,.queue-item:focus-visible,.queue-item.is-selected{background:var(--primary-light)}.queue-item.is-selected{box-shadow:inset 3px 0 0 var(--primary)}.queue-item>span,.queue-meta,.queue-item-topline{color:var(--secondary-text);font-size:14px;line-height:20px}.queue-item-topline,.queue-meta{justify-content:space-between;gap:12px}.type-badge,.status-badge{padding:5px 9px;font-size:.7rem}.type-healthcare{background:var(--healthcare);color:#245978}.type-education{background:var(--education);color:#17664f}.type-application{color:var(--secondary-text);background:#eff3f2}.status-pending,.status-verifying{background:var(--warning);color:#6f5814}.status-approved,.status-verified{background:var(--primary-light);color:var(--primary)}.status-rejected{color:var(--error);background:#fdeaea}.pagination{color:var(--secondary-text);justify-content:space-between;gap:8px;padding:12px;font-size:14px;line-height:20px}.detail-state,.panel-state{color:var(--secondary-text);place-items:start;gap:10px;display:grid}.panel-state{padding:20px}.state-error{color:var(--error)}.detail-content{gap:var(--space-3);display:grid}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.detail-kicker{color:var(--secondary-text);align-items:center;gap:10px;font-size:14px;line-height:20px;display:flex}.detail-title-row h2{margin:var(--space-1) 0;font-size:20px;font-weight:800;line-height:28px}.detail-title-row p{color:var(--secondary-text);margin:0;font-size:14px;line-height:20px}.verification-card{min-width:180px;padding:var(--space-2);border-radius:var(--radius-card);border:1px solid #0000;gap:3px;display:grid}.verification-card span,.verification-card small{font-size:14px;line-height:20px}.verification-success{background:var(--primary-light);border-color:#b9dfd2}.verification-warning{background:var(--warning);border-color:#ecd98c}.verification-danger{background:#fdeaea;border-color:#f2c2c2}.detail-section{border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:16px}.section-heading h3{margin:0;font-size:20px;font-weight:800;line-height:28px}.section-heading>span{color:var(--secondary-text);font-size:14px;line-height:20px}.detail-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.detail-field{min-width:0;padding:var(--space-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.detail-field dt,.long-field>span{color:var(--secondary-text);margin-bottom:4px;font-size:14px;font-weight:750;line-height:20px}.detail-field dd{margin:0;font-size:16px;font-weight:650;line-height:24px}.long-field{padding:var(--space-2);border-radius:var(--radius-control);background:var(--background);margin-top:14px}.long-field p,.section-note,.api-gap{color:var(--secondary-text);white-space:pre-wrap;margin:5px 0 0;font-size:14px;line-height:20px}.api-gap{border-radius:var(--radius-control);background:var(--warning);color:#695215;margin-top:12px;padding:12px}.document-list{gap:var(--space-1);display:grid}.document-row{justify-content:space-between;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-control);padding:12px}.document-row>div{gap:2px;min-width:0;display:grid}.document-row strong{font-size:14px;line-height:20px}.document-row div span{color:var(--secondary-text);text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;overflow:hidden}.form-stack{gap:var(--space-2);display:grid}.form-grid-two{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-1);color:var(--text);font-size:14px;font-weight:750;line-height:20px;display:grid}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--text);background:#fff;outline:none;padding:12px}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0b6b5721}.action-row{gap:var(--space-1);flex-wrap:wrap}.button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;min-height:48px;padding:0 16px;font-weight:800}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--primary);color:#fff}.button-secondary{color:var(--primary);background:#fff;border-color:#b8cec7}.button-danger{color:var(--error);background:#fff6f6;border-color:#e4b4b4}.button-quiet{color:var(--primary);background:0 0;border-color:#0000}.button-full{width:100%}.notice{border-radius:var(--radius-control);padding:12px 16px;font-size:14px;line-height:20px}.notice-success{background:var(--primary-light);color:#155544;border:1px solid #b9dfd2}.notice-error{color:var(--error);background:#fff2f2;border:1px solid #efcaca}.workspace-notice{margin-bottom:var(--space-3)}.muted{color:var(--secondary-text);font-weight:500}.transaction-reference{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.confirmation-summary{gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-card);background:var(--warning);border:1px solid #ecd98c;display:grid}.confirmation-summary strong{font-size:1.05rem}.confirmation-summary span{color:#695215;overflow-wrap:anywhere;font-size:.82rem}.donation-action-row{margin-top:var(--space-2)}.payment-mode-tabs{gap:var(--space-1);margin:0 0 var(--space-3);width:fit-content;display:flex}.payment-mode-tabs .workspace-tab{border:1px solid var(--border);background:var(--card)}.payment-mode-tabs .workspace-tab.is-active{background:var(--primary-light);border-color:#b8cec7}.payment-bank-row{margin:var(--space-2) 0}.payment-form{max-width:620px}.proof-metadata-list{gap:var(--space-1);margin:var(--space-2) 0;display:grid}.proof-metadata-list .document-row>span{color:var(--secondary-text);font-size:.78rem}.staff-list{gap:var(--space-1);display:grid}.staff-assignment-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.toggle-list{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.toggle-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--background);cursor:pointer;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--primary);margin:2px 0 0}.toggle-row>span{gap:2px;display:grid}.toggle-row strong{font-size:.9rem}.toggle-row small{color:var(--secondary-text);font-size:14px;line-height:20px}.toggle-row.is-readonly{cursor:default;opacity:.8}.auth-shell,.center-state{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.permission-card{width:min(100%,480px);padding:var(--space-3);border-radius:var(--radius-card)}.auth-brand{margin-bottom:var(--space-4)}.auth-copy{margin-bottom:22px}.auth-copy h1,.permission-card h1{margin:var(--space-2) 0 var(--space-1);letter-spacing:-.035em;font-size:36px;font-weight:800;line-height:42px}.auth-copy p,.permission-card p{margin:0 0 var(--space-3);color:var(--secondary-text);line-height:24px}.auth-card .notice{margin-bottom:14px}.center-state{color:var(--secondary-text);gap:14px}.permission-card .brand-mark{margin-bottom:22px}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0b6b5747}@media (width<=1040px){.workspace-grid{grid-template-columns:310px minmax(0,1fr)}.detail-grid,.compact-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.app-shell{width:min(100% - 20px,720px);padding-top:12px}.workspace-header,.workspace-intro,.detail-title-row{flex-direction:column;align-items:stretch}h1,.workspace-intro h2,.auth-copy h1,.permission-card h1{font-size:32px;line-height:38px}.account-chip{justify-items:start}.queue-count{text-align:left;width:fit-content}.workspace-grid{grid-template-columns:1fr}.queue-panel{position:static}.verification-card{min-width:0}.workspace-tab{flex:130px}.form-grid-two{grid-template-columns:1fr}}@media (width<=520px){.workspace-intro,.panel-heading,.detail-content,.detail-state,.detail-section{padding:20px}h1,.workspace-intro h2,.auth-copy h1,.permission-card h1{font-size:28px;line-height:34px}.detail-grid,.compact-grid,.dashboard-grid{grid-template-columns:1fr}.workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.action-row,.action-row .button{width:100%}}
