:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f9fafb;color:#1f2937}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.btn{border:0;border-radius:10px;padding:10px 14px;background:#0b7432;color:#fff;cursor:pointer;font-weight:700}.btn:disabled{opacity:.7;cursor:not-allowed}.input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.muted{color:#6b7280;font-size:14px}.portal-page{min-height:100vh;background:#f8fafc}.mobile-app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:12px 14px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.mobile-user{display:flex;align-items:center;gap:10px;min-width:0}.mobile-avatar{width:40px;height:40px;border-radius:999px;background:#e5e7eb;display:grid;place-items:center;font-weight:700;color:#374151}.mobile-greet{margin:0;font-size:11px;color:#6b7280}.mobile-user-text{min-width:0}.mobile-user h3{margin:1px 0 0;font-size:15px}.mobile-context,.mobile-user h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-context{margin:2px 0 0;color:#0b7432;font-size:11px;font-weight:600;line-height:1.2}.icon-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;width:36px;height:36px;cursor:pointer}.portal-main{padding:14px 14px 80px}.portal-header{margin-bottom:16px}.portal-header h1{margin:0;font-size:20px}.portal-header p{margin:5px 0 0;color:#64748b;font-size:13px}.mobile-services-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px}.mobile-services-nav a{white-space:nowrap;font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151}.mobile-services-nav a.active{background:#0b7432;border-color:#0b7432;color:#fff}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom-nav a{padding:8px 4px 10px;text-align:center;color:#9ca3af;display:grid;grid-gap:2px;gap:2px;justify-items:center}.mobile-bottom-nav a span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#f3f4f6;font-size:16px;line-height:1}.mobile-bottom-nav a small{font-size:11px}.mobile-bottom-nav a.active{color:#0b7432}.mobile-bottom-nav a.active span{background:#dcfce7}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}.stat-tile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.stat-tile p{margin:0;color:#64748b;font-size:13px}.stat-tile h3{margin:8px 0 0;font-size:20px}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:14px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155}.toolbar{gap:10px;margin-bottom:12px}.pagination-bar,.toolbar{display:flex;flex-wrap:wrap}.pagination-bar{margin-top:12px;align-items:center;justify-content:center;gap:12px;padding:8px 10px}.btn.secondary{background:#334155}.inventory-tab-active{background:#0b7432!important}.inventory-mobile{max-width:760px;margin:0 auto}.inventory-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;border-bottom:1px solid #d1d5db}.inventory-tab{border:0;padding:14px 10px;background:#e5e7eb;color:#6b7280;font-weight:600;cursor:pointer}.inventory-tab.active{background:transparent;color:#0b7432;border-bottom:3px solid #0b7432}.inventory-hero{border-radius:18px;background:#0b7432;color:#fff;padding:18px 20px;margin-bottom:12px}.inventory-hero p{margin:0;font-size:12px;letter-spacing:.8px;font-weight:700;opacity:.85}.inventory-hero h2{margin:6px 0 10px;font-size:42px;line-height:1}.inventory-hero-row{display:flex;justify-content:space-between;font-weight:700}.inventory-mini-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.inventory-mini-card{background:#edf1f5;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}.inventory-mini-icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-weight:800}.inventory-mini-icon.low{background:#ffd9d9;color:#cf2a2a}.inventory-mini-icon.transit{background:#d5e3fc;color:#0b7432}.inventory-mini-card strong{display:block;color:#0b7432;font-size:20px;line-height:1}.inventory-mini-card small{color:#4b5563;font-weight:700}.inventory-search-wrap{margin-bottom:10px}.inventory-search{width:100%;border:0;border-radius:16px;padding:12px 14px;background:#e5e7eb;font-size:16px}.inventory-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:10px}.inventory-action{border:0;border-radius:999px;padding:10px;background:#bdd2b8;color:#344339;font-weight:700;cursor:pointer}.inventory-action.receipt{background:#0b7432;color:#fff}.inventory-subtitle{margin:0 0 8px;color:#475569;font-weight:800;letter-spacing:.6px}.inventory-subtitle span{font-weight:500}.inventory-list{display:grid;grid-gap:10px;gap:10px}.inventory-item-card{background:#fff;border-radius:14px;padding:14px}.inventory-item-card.movement{border:1px solid #e5e7eb}.inventory-item-head{display:flex;justify-content:space-between;gap:12px}.inventory-item-head .sku{margin:0;color:#0b7432;font-weight:700}.inventory-item-head h4{margin:2px 0 4px;font-size:18px;line-height:1.15}.inventory-item-head .location{margin:2px 0 0;color:#6b7280}.inventory-item-head .qty{text-align:right}.inventory-item-head .qty strong{font-size:22px;line-height:1}.inventory-item-head .qty small{color:#6b7280}.inventory-low-badge{display:inline-block;font-size:12px;font-weight:800;background:#ffd9d9;color:#b42318;padding:1px 8px;border-radius:8px}.inventory-item-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:16px}.inventory-action-link,.inventory-item-actions button{border:0;background:transparent;color:#0b7432;font-size:16px;cursor:pointer;text-decoration:none;font-weight:600}.inventory-action-link:hover{text-decoration:underline}.movements-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.movement-list{display:grid;grid-gap:12px;gap:12px}.movement-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.movement-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.movement-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.movement-date{color:#64748b;font-size:13px}.movement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.movement-grid>div{display:flex;flex-direction:column;gap:2px}.movement-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.movement-grid strong{font-size:15px;color:#0f172a}.movement-in{color:#166534!important}.movement-out{color:#991b1b!important}.movement-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px 18px;border-top:1px dashed #e5e7eb;padding-top:10px;font-size:13px;color:#475569}.movement-meta em{font-style:normal;color:#94a3b8;margin-right:4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}@media (max-width:640px){.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.issue-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);display:grid;place-items:end center;z-index:60}.issue-sheet{max-height:90vh;padding:0 16px 14px;grid-gap:10px;gap:10px}.issue-sheet,.transfer-create-sheet{width:min(760px,100%);background:#f1f5f9;border-radius:16px 16px 0 0;display:grid}.transfer-create-sheet{max-height:94vh;grid-template-rows:auto 1fr auto}.transfer-create-head{margin:0;border-radius:16px 16px 0 0}.transfer-create-body{padding:12px 16px;overflow:auto;display:grid;grid-gap:12px;gap:12px;min-height:0}.transfer-form-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:10px;padding:10px 12px;font-weight:600}.transfer-source-card{background:#dfe9e9;border-radius:14px;padding:12px 14px}.transfer-source-card p{margin:0;color:#0b7432;font-weight:600}.transfer-source-card h5{margin:2px 0 0;font-size:18px}.transfer-section-card{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:12px;display:grid;grid-gap:10px;gap:10px}.transfer-items-head h6,.transfer-section-card h6{margin:0;font-size:18px}.transfer-items-head p{margin:3px 0 0;color:#6b7280}.transfer-item,.transfer-item-check{align-items:flex-start}.transfer-item-check{display:flex;gap:10px;flex:1 1}.transfer-item-check input[type=checkbox]{width:22px;height:22px;margin-top:2px}.transfer-item .item-loc{color:#0b7432;font-weight:600;margin-top:2px}.qty-input{width:92px}.issue-head{margin:0 -16px;padding:14px 16px;background:#0b7432;color:#fff;display:flex;align-items:center;justify-content:space-between}.issue-head h4{margin:0;font-size:22px}.issue-head button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.issue-meta{display:flex;justify-content:space-between;align-items:center}.issue-meta span{font-weight:700}.issue-meta button{border:0;background:transparent;color:#9ca3af;cursor:pointer}.issue-list{overflow:auto;max-height:54vh;min-height:280px;display:grid;grid-gap:8px;gap:8px;overscroll-behavior:contain;padding-right:4px}.transfer-create-sheet .issue-list{max-height:46vh;min-height:340px}.issue-item{background:#fff;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.issue-item p{margin:2px 0 0;color:#6b7280}.issue-continue{border:0;border-radius:999px;padding:12px;background:#0b7432;color:#fff;font-weight:700;cursor:pointer}.issue-continue:disabled{opacity:.5;cursor:not-allowed}.transfer-header{background:#0b7432;color:#fff;border-radius:14px 14px 0 0;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:10px 12px}.transfer-header h3{margin:0;text-align:left;font-size:20px}.transfer-back,.transfer-refresh{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.transfer-tabs{background:#0b7432;display:grid;grid-template-columns:1fr 1fr}.transfer-tabs button{border:0;background:transparent;color:hsla(0,0%,100%,.75);padding:11px 8px;font-weight:700;cursor:pointer}.transfer-tabs button.active{color:#fff;border-bottom:3px solid #fff}.transfer-list{padding:12px 0 90px;gap:10px}.transfer-list,.transfer-row{display:flex;flex-direction:column}.transfer-row{position:relative;border:1px solid #e5e7eb;border-radius:12px;background:#fff;text-align:left;padding:10px 32px 10px 12px;cursor:pointer;gap:4px;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.transfer-row:hover{border-color:rgba(11,116,50,.55);box-shadow:0 2px 8px rgba(11,116,50,.08)}.transfer-row:active{transform:scale(.998)}.transfer-row-can-receive{border-color:rgba(11,116,50,.5);background:linear-gradient(0deg,rgba(11,116,50,.02),rgba(11,116,50,.02)),#fff}.transfer-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.transfer-row-head strong{font-size:14px;color:#0f172a;font-weight:800;letter-spacing:.01em}.transfer-status-pill{display:inline-flex;align-items:center;padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:.04em;border-radius:999px;white-space:nowrap}.transfer-status-pill.is-transit{background:#ffedd5;color:#c2410c}.transfer-status-pill.is-partial{background:#dbeafe;color:#1d4ed8}.transfer-status-pill.is-pending-close{background:#ede9fe;color:#6d28d9}.transfer-status-pill.is-closed{background:#dcfce7;color:#166534}.transfer-status-pill.is-cancelled,.transfer-status-pill.is-default{background:#f3f4f6;color:#6b7280}.transfer-row-loc{margin:0;font-size:12px;color:#475569;display:flex;align-items:center;gap:6px;line-height:1.35}.transfer-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;color:#94a3b8}.transfer-row-tap-pill{background:rgba(11,116,50,.1);color:#0b7432;padding:2px 8px;border-radius:999px;font-weight:700;font-size:10px;letter-spacing:.03em}.transfer-row-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#cbd5e1;font-size:22px;font-weight:600;line-height:1}.transfer-empty{text-align:center;color:#6b7280;padding:34px 10px}.transfer-detail-sheet{width:min(760px,100%);max-height:94vh;background:#f6faff;border-radius:16px 16px 0 0;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.transfer-detail-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:12px 14px;background:#0b7432;color:#fff}.transfer-detail-head h4{margin:0;font-size:16px;font-weight:800}.transfer-detail-back{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer;padding:0}.transfer-detail-body{overflow-y:auto;padding:14px;display:grid;grid-gap:12px;gap:12px}.transfer-detail-loading{padding:6px 0}.transfer-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.transfer-detail-card h5{margin:0 0 10px;font-size:13px;font-weight:800;color:#0f172a}.transfer-detail-row{display:flex;gap:10px;padding:6px 0;font-size:12px;border-bottom:1px dashed #f1f5f9}.transfer-detail-row:last-child{border-bottom:0}.transfer-detail-row .lbl{flex:0 0 88px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:10px;padding-top:2px}.transfer-detail-row .val{flex:1 1;color:#0f172a;font-weight:600}.transfer-detail-row .val small{color:#6b7280;font-weight:500}.transfer-items-table{display:grid;grid-gap:0;gap:0}.transfer-items-header{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;padding:6px 0;border-bottom:1px solid #e5e7eb}.transfer-items-header,.transfer-items-row{display:grid;grid-template-columns:1fr 64px 64px 64px;grid-gap:8px;gap:8px}.transfer-items-row{align-items:start;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:12px}.transfer-items-row:last-child{border-bottom:0}.transfer-items-row .col-item strong{display:block;font-size:12px;font-weight:700;color:#0f172a}.transfer-items-row .col-item small{display:block;font-size:10px;color:#6b7280}.transfer-items-header .col-num,.transfer-items-row .col-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.transfer-items-row .col-num.is-ok{color:#166534}.transfer-items-row .col-num.is-warn{color:#c2410c}.transfer-items-row .col-num.is-bad{color:#b91c1c;font-weight:700}.transfer-detail-cta{margin:0 14px 14px;width:calc(100% - 28px)}.transfer-receive-banner{background:rgba(11,116,50,.08);color:#0b7432;border-radius:10px;padding:10px 12px;font-size:12px}.transfer-receive-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:grid;grid-gap:10px;gap:10px}.transfer-receive-head strong{font-size:13px;font-weight:800;display:block;color:#0f172a}.transfer-receive-head small{font-size:10px;color:#6b7280}.transfer-receive-chips{display:flex;gap:8px;flex-wrap:wrap}.transfer-receive-chips .chip{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.04em}.transfer-receive-chips .chip strong{font-size:12px;font-weight:800}.chip.chip-blue{background:rgba(37,99,235,.1);color:#1d4ed8}.chip.chip-green{background:rgba(11,116,50,.1);color:#0b7432}.chip.chip-orange{background:rgba(234,88,12,.1);color:#c2410c}.transfer-receive-input{display:grid;grid-gap:6px;gap:6px}.transfer-receive-input span{font-size:11px;color:#475569;font-weight:600}@media (max-width:480px){.transfer-items-header,.transfer-items-row{grid-template-columns:1fr 48px 48px 48px;gap:6px}.transfer-detail-row .lbl{flex:0 0 64px}}.stock-movements-page{display:grid;grid-gap:16px;gap:16px}.stock-movements-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stock-movements-header h2{margin:0 0 4px;font-size:20px;font-weight:800;color:#0f172a}.stock-movements-header p{margin:0;font-size:13px}.stock-movements-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 1px 2px rgba(15,23,42,.04)}.stock-movements-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}.stock-movements-table thead th{background:#f8fafc;border-bottom:2px solid #e5e7eb;text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:700;white-space:nowrap}.stock-movements-table thead th.num{text-align:right}.stock-movements-table tbody tr{border-bottom:1px solid #f1f5f9}.stock-movements-table tbody tr:hover{background:#f8fafc}.stock-movements-table tbody tr:last-child{border-bottom:0}.stock-movements-table td{padding:10px 12px;vertical-align:middle;color:#0f172a}.stock-movements-table td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.stock-mov-date strong{display:block;font-size:13px;color:#0f172a}.stock-mov-date small{display:block;font-size:11px;color:#94a3b8}.stock-mov-ref{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#334155}.stock-mov-notes{display:inline-block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#475569;font-size:12px}.stock-movements-table .qty-in{color:#166534;font-weight:700}.stock-movements-table .qty-out{color:#b91c1c;font-weight:700}.stock-movements-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width:720px){.stock-movements-table-wrap{border-radius:10px}.stock-mov-notes{max-width:160px}}.transfer-fab{position:-webkit-sticky;position:sticky;margin-left:auto;bottom:14px;display:block;border:0;border-radius:18px;background:#0b7432;color:#fff;padding:13px 20px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(11,116,50,.35)}.req-mobile-page{display:grid;grid-gap:14px;gap:14px;padding-bottom:76px}.req-card{background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:14px;display:grid;grid-gap:10px;gap:10px}.req-card-head{display:flex;gap:12px;align-items:flex-start}.req-card-head h3{margin:0;font-size:18px}.req-card-head p{margin:2px 0 0;color:#6b7280}.req-card-icon{width:42px;height:42px;border-radius:12px;background:#e6f3ea;color:#0b7432;display:grid;place-items:center;font-weight:800}.req-card-head-row{justify-content:space-between}.req-label{font-weight:700;color:#374151;margin-top:2px}.req-input{background:#f8fafc}.req-grid-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.req-add-line{border:1px solid #0b7432;border-radius:999px;background:#e8f4ec;color:#0b7432;font-weight:800;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.req-add-line span{font-size:18px;line-height:1}.req-line-card{border:1px solid #d1d5db;border-radius:16px;padding:12px;display:grid;grid-gap:8px;gap:8px}.req-line-title{margin:0;color:#6b7280;font-weight:700}.req-line-code{font-weight:600;color:#9ca3af;font-size:12px}.req-label-mini{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;font-weight:700;margin-bottom:4px}.req-line-error{margin:6px 0 0;font-size:12px;color:#b91c1c}.req-item-picker{border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;padding:12px;text-align:left;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:600}.req-item-picker-caret{color:#0b7432;font-size:16px;margin-left:8px}.req-item-meta{margin:-2px 0 2px;color:#64748b;font-size:13px}.req-remove-line{border:0;background:transparent;color:#b91c1c;font-weight:700;justify-self:end;cursor:pointer}.req-total{margin:0;color:#334155;font-weight:700}.req-bottom-actions{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-template-columns:1fr 2fr;grid-gap:10px;gap:10px;background:#f1f5f9;padding:10px 0 0}.req-back,.req-save{border:0;border-radius:999px;padding:12px;font-weight:700;cursor:pointer}.req-back{background:#e5e7eb;color:#0b7432}.req-save{background:#46b255;color:#fff}.req-picker-item{border:1px solid #e2e8f0;text-align:left;width:100%;cursor:pointer}.req-picker-sheet{max-width:760px;width:min(94vw,760px);border-radius:18px;overflow:hidden;border:1px solid #dbe5dd;box-shadow:0 20px 45px rgba(15,23,42,.22)}.req-picker-sheet .issue-head{background:#067a37;color:#fff}.req-picker-sheet .issue-head h4{color:#fff;font-size:32px;margin:0}.req-picker-sheet .issue-head button{color:#fff}.req-picker-list{max-height:52vh;min-height:360px;background:#f8fafc;border-top:1px dashed #d7e3dc;padding:10px}.req-picker-list-item{border-radius:12px;border:1px solid #dbe4ee;background:#fff;padding:12px}.req-picker-list-item strong{font-size:15px;color:#0f172a}.req-picker-list-item p{margin:6px 0 0;font-size:12px;color:#475569}.req-picker-count{margin:0;font-size:12px;color:#64748b;font-weight:700}.req-picker-empty{text-align:center;color:#64748b;padding:20px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff}.imprest-total-card{background:#0a7a34;color:#fff;display:grid;grid-gap:8px;gap:8px}.imprest-total-card p{margin:0;opacity:.9;font-weight:700}.imprest-total-card h2{margin:0;font-size:34px;line-height:1.1}.imprest-total-card span{justify-self:end;background:hsla(0,0%,100%,.2);border-radius:14px;padding:6px 12px;font-weight:700}.retirement-summary-card{border:1px solid #c8d7ff}.retirement-summary-card h3{margin:0 0 10px;color:#0b7432}.retirement-summary-row{display:flex;justify-content:space-between;margin:6px 0}.retirement-summary-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #d6d8dc}.retirement-summary-meta>div{display:flex;flex-direction:column;gap:2px}.retirement-summary-meta small{color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.retirement-summary-meta strong{color:#1f2937;font-size:14px}.pending-retire-panel{border:1px solid #fde68a;background:linear-gradient(180deg,#fffbea,#fff 70%);border-radius:14px;padding:14px;margin-bottom:16px}.pending-retire-panel-loading{background:#fff;border-color:#e5e7eb}.pending-retire-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.pending-retire-head h3{margin:0;font-size:16px;color:#78350f}.pending-retire-head p{margin:4px 0 0;font-size:12.5px}.pending-retire-count{background:#f59e0b;color:#fff;border-radius:999px;padding:2px 10px;font-weight:700;font-size:13px;min-width:28px;text-align:center}.pending-retire-list{display:grid;grid-gap:10px;gap:10px}.pending-retire-card{display:block;text-decoration:none;background:#fff;border:1px solid #f3d18a;border-radius:12px;padding:12px 14px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;color:inherit}.pending-retire-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(245,158,11,.15);border-color:#f59e0b}.pending-retire-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pending-retire-title{display:flex;flex-direction:column;gap:2px}.pending-retire-title strong{font-size:15px;color:#1f2937}.pending-retire-title .muted{font-size:12px}.pending-retire-pill{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.pending-retire-pill.tone-ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.pending-retire-pill.tone-warn{background:#fef3c7;color:#92400e;border-color:#fde68a}.pending-retire-pill.tone-due{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.pending-retire-pill.tone-muted{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.pending-retire-purpose{margin:8px 0 10px;font-size:13.5px;color:#374151;line-height:1.4}.pending-retire-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:8px 12px;gap:8px 12px;background:#faf7f0;border-radius:10px;padding:10px 12px}.pending-retire-amounts div{display:flex;flex-direction:column;gap:2px}.pending-retire-amounts small{color:#6b7280;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.pending-retire-amounts strong{font-size:13.5px;color:#1f2937}.pending-retire-cta{margin-top:10px;font-size:13px;font-weight:600;color:#b45309}.advances-list{display:grid;grid-gap:12px;gap:12px}.advance-card{border:1px solid #d8dce2;background:#fff;border-radius:16px;padding:14px;display:flex;justify-content:space-between;gap:12px}.advance-card h4{margin:0;font-size:36px;font-weight:800}.advance-card p{margin:4px 0 0;color:#475569}.advance-card-actions{display:grid;grid-gap:8px;gap:8px;justify-items:end;align-content:start}.imprest-module{display:grid;grid-gap:14px;gap:14px}.imprest-hero{background:linear-gradient(135deg,#0b7432,#0a6428);color:#fff;border-radius:16px;padding:18px 20px}.imprest-hero-top{display:flex;align-items:center;gap:14px}.imprest-hero-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;background:hsla(0,0%,100%,.18);border-radius:12px}.imprest-hero-title h2{margin:0;font-size:20px;font-weight:800;color:#fff;line-height:1.1}.imprest-hero-sub{margin:4px 0 0;color:hsla(0,0%,100%,.8);font-size:12px}.imprest-hero-stats{margin-left:auto;display:flex;gap:6px}.imprest-stat-chip{padding:4px 10px;background:hsla(0,0%,100%,.18);border-radius:8px;color:#fff;font-size:12px;font-weight:700;min-width:28px;text-align:center}.imprest-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.imprest-tab{padding:8px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all .15s ease}.imprest-tab:hover{border-color:#0b7432;color:#0b7432}.imprest-tab.active{background:#0b7432;border-color:#0b7432;color:#fff}.imprest-tab-icon{font-size:13px}.imprest-toolbar{justify-content:flex-end}.imprest-new-btn{font-weight:700;font-size:14px}.imprest-empty{background:#fff;border-radius:14px;padding:36px 24px;text-align:center;border:1px dashed #cbd5e1}.imprest-empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.imprest-empty p{margin:0 0 6px;font-weight:700;color:#1f2937;font-size:16px}.imprest-empty span{color:#6b7280;font-size:13px}.imprest-list{display:grid;grid-gap:12px;gap:12px}.imprest-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(15,23,42,.04);display:grid;overflow:hidden}.imprest-card-link{text-decoration:none;color:inherit;padding:16px;display:grid;grid-gap:12px;gap:12px}.imprest-card-link:hover{background:#fafbfc}.imprest-card-head{display:flex;align-items:flex-start;gap:12px}.imprest-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.imprest-card-title{flex:1 1;min-width:0}.imprest-card-title h4{margin:0;font-size:16px;font-weight:700;color:#1f2937;letter-spacing:-.2px}.imprest-card-title p{margin:2px 0 0;font-size:12px;color:#6b7280;font-weight:500}.imprest-status-pill{padding:5px 11px;border-radius:999px;border:1px solid;font-size:10px;font-weight:800;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}.imprest-card-purpose{background:#f8fafc;border-radius:10px;padding:10px 12px;font-size:13px;color:#374151;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.imprest-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.imprest-meta-chip{background:#f3f4f6;padding:5px 10px;border-radius:8px;color:#4b5563;font-size:12px;font-weight:600}.imprest-amount{margin-left:auto;text-align:right}.imprest-amount small{display:block;color:#9ca3af;font-size:11px;font-weight:500}.imprest-amount strong{color:#0b7432;font-size:17px;font-weight:800;letter-spacing:-.3px}.imprest-card-actions{display:flex;gap:8px;justify-content:flex-end}.imprest-card-actions .btn{padding:6px 12px;font-size:13px}.imprest-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px 14px;border-top:1px solid #f1f5f9;background:#fafbfc}.imprest-view-cue{display:inline-flex;align-items:center;gap:6px;color:#0b7432;font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.01em}.imprest-view-cue span{font-size:18px;line-height:1;transform:translateY(-1px);transition:transform .12s ease}.imprest-view-cue:hover{text-decoration:underline}.imprest-view-cue:hover span{transform:translate(2px,-1px)}.imprest-submit-btn{padding:7px 14px;font-size:13px;background:#0b7432;color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:600}.imprest-submit-btn:disabled{opacity:.6;cursor:not-allowed}.imprest-submit-btn:hover:not(:disabled){background:#0a6629}@media (max-width:540px){.imprest-card-meta{gap:6px}.imprest-amount{width:100%;text-align:right}}.imprest-detail-hero{border-radius:18px;padding:22px;color:#fff;margin-bottom:14px;box-shadow:0 6px 24px rgba(15,23,42,.12)}.imprest-detail-hero-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.imprest-detail-hero-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:28px;background:hsla(0,0%,100%,.18);border-radius:14px}.imprest-detail-hero-title h2{margin:0;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.4px}.imprest-detail-hero-pill{display:inline-block;margin-top:6px;padding:4px 11px;border-radius:999px;background:hsla(0,0%,100%,.22);font-size:11px;font-weight:800;letter-spacing:.5px}.imprest-detail-hero-amount{background:hsla(0,0%,100%,.15);border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.imprest-detail-hero-amount p{margin:0;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:600}.imprest-detail-hero-amount h3{margin:4px 0 0;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px}.imprest-detail-hero-disbursed{text-align:right}.imprest-detail-hero-disbursed h3{font-size:17px}.imprest-section-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;margin-bottom:14px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.imprest-section-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.imprest-section-icon{width:32px;height:32px;background:rgba(11,116,50,.1);color:#0b7432;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.imprest-section-head h3{margin:0;font-size:15px;font-weight:800;color:#1f2937}.imprest-section-body{display:grid;grid-gap:8px;gap:8px}.imprest-detail-row{display:flex;align-items:flex-start;gap:12px;padding-bottom:8px}.imprest-detail-row:not(:last-child){border-bottom:1px solid #f1f5f9;padding-bottom:10px}.imprest-detail-label{width:130px;flex-shrink:0;color:#6b7280;font-size:13px}.imprest-detail-value{flex:1 1;color:#1f2937;font-weight:500;font-size:14px;word-break:break-word}.imprest-item-row{background:#f8fafc;border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.imprest-item-account{margin:0;font-weight:700;font-size:14px;color:#1f2937}.imprest-item-amount{color:#0b7432;font-size:14px;font-weight:800;white-space:nowrap}.imprest-item-total{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #e2e8f0;margin-top:4px;font-size:16px}.imprest-section-card .small{font-size:12px}.imprest-section-card .italic{font-style:italic}.imprest-retire-cue{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:12px 14px;background:#fffbea;border:1px solid #f59e0b40;border-radius:10px}.imprest-retire-cue p{margin:0;color:#78350f}.imprest-retire-cue .btn{background:#0b7432;color:#fff;border:none;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600}.imprest-timeline{display:grid;grid-gap:0;gap:0}.imprest-timeline-item{display:flex;gap:12px}.imprest-timeline-line{display:flex;flex-direction:column;align-items:center}.imprest-timeline-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.imprest-timeline-bar{flex:1 1;width:2px;margin:4px 0;min-height:30px}.imprest-timeline-body{flex:1 1;padding-bottom:16px}.imprest-timeline-body h4{margin:0;font-size:14px;font-weight:700;color:#1f2937}.imprest-timeline-body p{margin:2px 0 0}.imprest-timeline-subtitle{margin-top:6px;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:500}.loan-module{display:grid;grid-gap:14px;gap:14px}.loan-hero-card{background:linear-gradient(135deg,#0b7432,#0a6428);color:#fff;border-radius:14px;padding:20px}.loan-hero-amount{margin:8px 0 6px;font-size:32px;font-weight:900;color:#fff;letter-spacing:-.6px}.loan-hero-subtitle{margin:0;color:hsla(0,0%,100%,.78);font-size:12px}.loan-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.loan-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.loan-form-head h3{margin:0;font-size:15px;font-weight:800;color:#1f2937}.loan-link-btn{background:transparent;border:0;color:#0b7432;font-weight:700;font-size:13px;padding:4px 8px;cursor:pointer;text-decoration:none}.loan-link-btn:hover{text-decoration:underline}.loan-field-label{display:block;font-size:12px;color:#475569;font-weight:700;margin-bottom:6px}.loan-amount-wrap{display:flex;align-items:center;background:#f1f5f9;border-radius:10px;padding:0 12px}.loan-amount-prefix{color:#475569;font-weight:700;margin-right:8px;font-size:14px}.loan-amount-input{flex:1 1;border:0;background:transparent;padding:12px 0;font-size:16px;outline:none;color:#111827;font-weight:600}.loan-textarea{background:#f1f5f9;outline:none;color:#111827;resize:vertical;font-family:inherit}.loan-submit-btn,.loan-textarea{width:100%;border:0;border-radius:10px;padding:12px;font-size:14px}.loan-submit-btn{margin-top:14px;background:#0b7432;color:#fff;font-weight:800;cursor:pointer;transition:background .15s ease}.loan-submit-btn:hover:not(:disabled){background:#0a6428}.loan-submit-btn:disabled{opacity:.65;cursor:not-allowed}.loan-recent-head{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.loan-recent-head h3{margin:0;font-size:16px;font-weight:800;color:#1f2937}.loan-empty{background:#fff;border-radius:12px;padding:24px;text-align:center;border:1px dashed #cbd5e1;color:#6b7280}.loan-empty-icon{font-size:36px;margin-bottom:8px;opacity:.6}.loan-list{display:grid;grid-gap:10px;gap:10px}.loan-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:14px;display:grid;grid-gap:6px;gap:6px}.loan-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.loan-card-head h4{margin:0;font-size:16px;font-weight:800;color:#1f2937}.loan-status-pill{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.5px}.loan-status-pending{background:#fef9c3;color:#854d0e}.loan-status-active{background:#0b7432;color:#fff}.loan-status-settled{background:#dcfce7;color:#166534}.loan-card-meta{margin:0;font-size:12px;color:#64748b}.loan-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.loan-card-actions .btn,.loan-card-actions .btn.secondary{padding:5px 12px;font-size:13px}.loan-detail-hero{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:14px}.loan-detail-label{margin:0;font-size:11px;color:#64748b;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.loan-detail-amount{margin:4px 0 0;font-size:32px;color:#0b7432;font-weight:900;letter-spacing:-.6px}.loan-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.loan-detail-section-title{margin:0 0 12px;font-size:15px;font-weight:800;color:#1f2937}.loan-detail-reason{margin-bottom:14px}.loan-detail-reason-text{margin:4px 0 0;color:#1f2937;font-size:14px;line-height:1.5}.loan-detail-rows{display:grid;grid-gap:8px;gap:8px}.loan-detail-line{display:flex;justify-content:space-between;font-size:13px;color:#1f2937}.loan-detail-progress-wrap{margin-top:14px}.loan-detail-progress-label{margin:0 0 6px;font-size:12px;color:#475569;font-weight:700}.loan-progress-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.loan-progress-fill{height:100%;background:#0b7432;border-radius:999px;transition:width .3s ease}.loan-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid #f1f5f9}.loan-detail-meta p{margin:0}.loan-detail-meta p+p{margin-top:2px;font-weight:600;color:#1f2937}.form-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.alert{border-radius:10px;padding:10px 12px;border:1px solid #e2e8f0;background:#f8fafc}.auth-page{align-items:center;padding:16px}.auth-card{max-width:520px;border-radius:16px;padding:18px}.logo-circle{width:180px;height:180px;margin:0 auto;padding:16px}.logo-circle img{width:100%;height:100%;object-fit:contain;border-radius:999px}.app-home{max-width:980px;width:100%;margin:0 auto}.app-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:14px}.app-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.app-kpi{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.app-kpi-strip{width:4px;background:#0b7432}.app-kpi-body{padding:12px}.app-kpi-title{color:#6b7280;font-size:12px;font-weight:700}.app-kpi-value{margin-top:7px;font-size:18px;font-weight:800}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.quick-action{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:12px 10px;text-align:center;font-weight:600;font-size:13px;display:grid;justify-items:center;grid-gap:4px;gap:4px}.quick-action-icon{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#f3f4f6;font-size:14px}.screen-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.form-title{margin:0 0 6px;font-size:18px;font-weight:700}.field-label{display:block;font-size:14px;color:#1f2937;margin-bottom:8px;font-weight:500}.field-group{margin-bottom:14px}.approvals-cards,.payslip-cards{display:grid;grid-gap:10px;gap:10px}.payslip-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.payslip-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:rgba(11,116,50,.12)}.payslip-main{flex:1 1;min-width:0}.payslip-period{margin:0;font-weight:800;font-size:14px}.payslip-sub{margin:2px 0 0;color:#6b7280;font-size:12px}.payslip-right{text-align:right;display:grid;grid-gap:6px;gap:6px}.badge-paid{background:#dcfce7;color:#166534}.badge-processing{background:#fef3c7;color:#92400e}.approval-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.approval-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.approval-title{text-transform:capitalize;font-size:16px}.approval-number{background:#e2e8f0;color:#334155;font-size:11px}.approval-employee{margin-top:8px;margin-bottom:6px;font-weight:600}.approval-purpose{margin:0 0 12px}.approval-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.approvals-queue{display:grid;grid-gap:14px;gap:14px}.approvals-queue-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#0b7432;color:#fff;border-radius:12px}.approvals-queue-header h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px}.approvals-queue-header h3:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;background:hsla(0,0%,100%,.18);border-radius:6px;font-size:13px;font-weight:800}.approvals-queue-count{background:#fff;color:#0b7432;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800}.approvals-type-tabs{display:flex;gap:6px;flex-wrap:wrap}.approvals-type-tabs button{border:1px solid #e5e7eb;background:#fff;color:#475569;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.approvals-type-tabs button:hover{border-color:#0b7432;color:#0b7432}.approvals-type-tabs button.active{background:#0b7432;color:#fff;border-color:#0b7432}.approvals-queue-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 1px 2px rgba(15,23,42,.04)}.approvals-queue-table{width:100%;border-collapse:collapse;font-size:13px;min-width:980px}.approvals-queue-table thead th{background:#f8fafc;border-bottom:2px solid #e5e7eb;text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#475569;font-weight:700;white-space:nowrap}.approvals-queue-table thead th.num{text-align:right}.approvals-queue-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s ease}.approvals-queue-table tbody tr:hover{background:#f8fafc}.approvals-queue-table tbody tr:last-child{border-bottom:0}.approvals-queue-table td{padding:10px 12px;vertical-align:middle;color:#0f172a}.approvals-queue-table td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.type-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.type-pill.is-imprest{background:#d1fae5;color:#065f46}.type-pill.is-retirement{background:#ede9fe;color:#5b21b6}.type-pill.is-purchase{background:#fef3c7;color:#92400e}.type-pill.is-store{background:#dbeafe;color:#1e40af}.type-pill.is-leave{background:#fce7f3;color:#9d174d}.type-pill.is-journal{background:#e0f2fe;color:#075985}.type-pill.is-payment{background:#fee2e2;color:#991b1b}.type-pill.is-default{background:#f3f4f6;color:#374151}.approvals-ref{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#0f172a;font-weight:800}.approvals-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:320px;color:#475569;font-size:12px;line-height:1.4}.approvals-level-pill{display:inline-block;padding:2px 8px;background:#f1f5f9;color:#334155;border-radius:6px;font-size:11px;font-weight:800}.approvals-actions-inline{display:inline-flex;gap:6px}.approvals-actions-inline .btn-icon{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid #e5e7eb;background:#fff;color:#475569;border-radius:8px;cursor:pointer;font-size:14px;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .05s ease}.approvals-actions-inline .btn-icon:hover{border-color:#0b7432;color:#0b7432}.approvals-actions-inline .btn-icon:disabled{opacity:.5;cursor:not-allowed}.approvals-actions-inline .btn-icon.btn-success{background:#0b7432;color:#fff;border-color:#0b7432}.approvals-actions-inline .btn-icon.btn-success:hover:not(:disabled){background:#166534;border-color:#166534}.approvals-actions-inline .btn-icon.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.approvals-actions-inline .btn-icon.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}@media (max-width:720px){.approvals-queue-header{border-radius:10px;padding:12px 14px}.approvals-desc{max-width:200px}}.loan-hero{background:#0b7432;color:#fff;margin-bottom:12px}.loan-hero-label{margin:0;opacity:.85;font-size:12px;font-weight:700}.loan-hero-value{margin:8px 0 0;font-size:22px;line-height:1.25}.loan-choice-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.loan-choice-btn{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:10px;font-weight:600;cursor:pointer}.loan-choice-btn.active{border-color:#0b7432;background:rgba(11,116,50,.08);color:#0b7432}.services-panel{border-radius:20px;padding:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 18px rgba(15,23,42,.08)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px 12px;gap:14px 12px}.service-item{display:grid;justify-items:center;align-content:start;grid-gap:10px;gap:10px;text-align:center}.service-icon{width:84px;height:84px;border-radius:16px;margin:0 auto;display:grid;place-items:center;background:rgba(11,116,50,.18);color:#0b7432;font-size:24px;box-shadow:0 4px 8px rgba(11,116,50,.25)}.service-icon svg{width:34px;height:34px}.service-label{margin:0;font-size:12px;line-height:1.25;font-weight:600;color:#374151}.context-wrap{max-width:760px;margin:0 auto}.context-hero{width:100%;height:220px;object-fit:contain}.setup-page{min-height:100vh;background:#f7f6f8}.setup-topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;padding:12px 16px}.setup-back{border:0;background:transparent;font-size:24px;color:#1f2937;cursor:pointer}.setup-topbar h1{margin:0;text-align:center;font-size:18px;font-weight:700}.setup-content{max-width:760px;margin:0 auto;padding:8px 24px 24px;text-align:center}.setup-hero{width:100%;height:240px;object-fit:contain}.setup-content h2{margin:8px 0 10px;font-size:32px;line-height:1.2;color:#1f2937}.setup-content p{margin:0 0 20px;color:#6b7280;font-size:16px}.setup-form{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.setup-field{margin-bottom:14px}.setup-field label{display:block;margin-bottom:8px;font-size:15px;color:#1f2937;font-weight:500}.setup-field label span{color:#e53935}@media (max-width:900px){.app-kpi-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.quick-actions{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-icon{width:72px;height:72px}.service-label{font-size:12px}.setup-content{padding:6px 16px 24px}.setup-content h2{font-size:28px}}.alert.alert-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.leave-module{display:block}.leave-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b7432;border-radius:14px 14px 0 0;overflow:hidden;margin-bottom:14px}.leave-tab{border:0;background:transparent;color:hsla(0,0%,100%,.78);font-weight:600;padding:12px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;border-bottom:3px solid transparent}.leave-tab.active{color:#fff;border-bottom-color:#fff}.leave-tab-icon{font-size:16px}.leave-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.leave-filter{flex:1 1 240px}.leave-filter .field-label{margin-bottom:4px;font-size:12px;color:#6b7280}.leave-apply-btn{text-decoration:none;white-space:nowrap}.leave-empty{background:#fff;border:1px dashed #d1d5db;border-radius:14px;padding:40px 16px;text-align:center;color:#6b7280}.leave-empty-icon{font-size:36px;margin-bottom:8px;opacity:.6}.leave-empty p{margin:0;font-size:14px}.leave-request-list{display:grid;grid-gap:12px;gap:12px}.leave-request-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-gap:8px 16px;gap:8px 16px;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.leave-request-card:hover{border-color:#0b7432;box-shadow:0 4px 14px rgba(11,116,50,.08)}.leave-request-title{grid-column:1;grid-row:1}.leave-request-title h4{margin:0 0 2px;font-size:16px;font-weight:700;color:#111827}.leave-request-title p{margin:0;font-size:12px}.leave-status-pill{grid-column:2;grid-row:1;align-self:start;justify-self:end;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap}.leave-request-meta{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px 18px;gap:8px 18px;color:#374151;font-size:13px;margin-top:4px;padding-top:8px;border-top:1px dashed #e5e7eb}.leave-request-meta>div{display:flex;align-items:center;gap:6px;min-width:0}.leave-meta-icon{font-size:14px;flex-shrink:0}.leave-meta-sub{font-size:12px;color:#6b7280}.leave-request-actions{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:10px;border-top:1px solid #f1f5f9}.leave-request-actions .btn{padding:8px 16px;font-size:13px}@media (max-width:540px){.leave-request-card{padding:14px}.leave-request-actions{justify-content:stretch}.leave-request-actions .btn{flex:1 1;text-align:center}}.leave-balance-list{display:grid;grid-gap:12px;gap:12px}.leave-balance-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.leave-balance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.leave-balance-head h4{margin:0;font-size:16px;font-weight:700;color:#111827}.leave-balance-code{margin:2px 0 0;font-size:11px}.leave-balance-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.leave-balance-table{background:#fbfbff;border-radius:10px;padding:10px;display:grid;grid-gap:6px;gap:6px}.leave-balance-row{display:flex;justify-content:space-between;font-size:13px;color:#374151}.leave-balance-divider{height:1px;background:#e5e7eb;margin:4px 0}.leave-balance-bar-wrap{height:6px;background:#e5e7eb;border-radius:999px;margin-top:10px;overflow:hidden}.leave-balance-bar-fill{height:100%;border-radius:999px;transition:width .2s ease}.leave-detail-page{display:grid;grid-gap:14px;gap:14px}.leave-detail-status{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;display:flex;align-items:center;gap:14px}.leave-detail-status-icon{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;font-size:28px}.leave-detail-status-label{font-size:11px;letter-spacing:.4px;color:#6b7280;margin:0;text-transform:uppercase}.leave-detail-status-value{margin:4px 0 0;font-size:22px;font-weight:800}.leave-detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.leave-detail-section h3{margin:0 0 8px;font-size:16px;font-weight:700}.leave-detail-divider{height:1px;background:#e5e7eb;margin:4px 0 12px}.leave-detail-row{display:flex;align-items:flex-start;gap:12px;padding:6px 0}.leave-detail-row .leave-detail-label{width:140px;flex-shrink:0;color:#6b7280;font-size:13px}.leave-detail-row .leave-detail-value{font-size:14px;font-weight:500;color:#111827}.leave-detail-reason{margin-top:12px}.leave-detail-reason h4{margin:0 0 4px;font-size:13px;font-weight:700}.leave-segment-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #e5e7eb}.leave-segment-row:last-child{border-bottom:0}.leave-segment-range{flex:1 1;font-size:14px}.leave-segment-days{font-weight:700;color:#0b7432;font-size:13px}.leave-balance-inline{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;color:#475569}.leave-balance-inline span{background:#f1f5f9;border-radius:999px;padding:4px 10px}.leave-day-count{display:inline-flex;align-items:center;gap:8px;background:rgba(11,116,50,.07);color:#0b7432;font-weight:700;font-size:13px;padding:8px 12px;border-radius:10px;margin-top:8px}.payslip-module{display:block}.payslip-hero{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;margin-bottom:16px}.payslip-hero-label{margin:0;font-size:11px;letter-spacing:.4px;color:#6b7280;font-weight:700;text-transform:uppercase}.payslip-hero-net{margin:6px 0 12px;font-size:28px;font-weight:900;color:#0b7432;line-height:1.1}.payslip-hero-stats{display:flex;flex-wrap:wrap;gap:14px 24px}.payslip-hero-stat{display:flex;flex-direction:column;min-width:110px}.payslip-hero-stat-label{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.payslip-hero-stat-value{font-size:14px;font-weight:800;color:#111827;margin-top:2px}.payslip-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.payslip-history-title{margin:0;font-size:16px;font-weight:800;color:#111827}.payslip-year-select{display:flex;align-items:center;gap:6px}.payslip-year-select select{padding:6px 10px;border-radius:8px;border:1px solid #e5e7eb;font-weight:700;background:#fff;width:auto;min-width:90px}.payslip-refresh-btn{padding:6px 10px;font-size:16px;line-height:1}.payslip-records-count{margin:4px 0 10px;font-size:12px}.payslip-empty{background:#fff;border:1px dashed #d1d5db;border-radius:14px;padding:40px 16px;text-align:center;color:#6b7280}.payslip-empty-icon{font-size:36px;margin-bottom:8px;opacity:.6}.payslip-empty p{margin:0;font-size:14px}.payslip-tile-list{display:grid;grid-gap:10px;gap:10px}.payslip-tile{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.payslip-tile:hover{border-color:#0b7432;box-shadow:0 4px 14px rgba(11,116,50,.08)}.payslip-tile-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:rgba(11,116,50,.12);color:#0b7432;font-size:20px;flex-shrink:0}.payslip-tile-main{flex:1 1;min-width:0}.payslip-tile-period{margin:0;font-weight:800;font-size:14px;color:#111827}.payslip-tile-sub{margin:2px 0 0;font-size:11px;color:#6b7280}.payslip-tile-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.payslip-tile-status{font-size:9px;font-weight:800;padding:3px 10px;border-radius:999px;border:1px solid transparent;letter-spacing:.4px;text-transform:uppercase}.payslip-tile-net{font-size:14px;font-weight:800;color:#0b7432}.payslip-tile-chevron{color:#9ca3af;font-size:24px;font-weight:400;margin-left:4px;flex-shrink:0}.payslip-detail-hero{background:#0b7432;color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px}.payslip-detail-hero-period{margin:0;font-size:11px;font-weight:600;color:hsla(0,0%,100%,.78)}.payslip-detail-hero-net{margin:8px 0 6px;font-size:28px;font-weight:800}.payslip-detail-hero-label{margin:0;font-size:11px;color:hsla(0,0%,100%,.78)}.payslip-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;overflow:hidden}.payslip-section-head{background:#0b7432;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:800}.payslip-section-body{padding:12px 14px}.payslip-section-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px}.payslip-section-row span{color:#374151;font-weight:600}.payslip-section-row strong{color:#111827;font-weight:700}.payslip-download-btn{width:100%;padding:14px 16px;font-size:14px;font-weight:800;margin:6px 0 16px;border-radius:10px}.payslip-ytd-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.payslip-ytd-tile{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#374151;gap:8px}.payslip-ytd-tile strong{font-size:13px;font-weight:800;color:#111827}@media (max-width:540px){.payslip-tile{padding:12px}.payslip-tile-net{font-size:13px}.payslip-history-row{flex-wrap:wrap}.payslip-ytd-grid{grid-template-columns:1fr}}@keyframes hr-spin{to{transform:rotate(1turn)}}.hr-spinner{display:inline-block;border-style:solid;border-radius:50%;animation:hr-spin .7s linear infinite;box-sizing:border-box}.hr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 16px;text-align:center;color:#475569}.hr-loading-inline{flex-direction:row;padding:12px 14px;gap:10px;text-align:left;justify-content:flex-start}.hr-loading-fullscreen{position:fixed;inset:0;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;padding:0}.hr-loading-label{margin:0;font-size:14px;font-weight:600;color:#1f2937}.hr-loading-sub{margin:0;font-size:12px;color:#6b7280}.searchable-select{position:relative;width:100%}.searchable-select-control{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px;color:#1f2937;cursor:pointer;text-align:left;transition:border-color .15s ease}.searchable-select-control:hover:not(:disabled){border-color:#94a3b8}.searchable-select.open .searchable-select-control{border-color:#0b7432;box-shadow:0 0 0 3px rgba(11,116,50,.12)}.searchable-select-control:disabled,.searchable-select.disabled .searchable-select-control{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.searchable-select-placeholder,.searchable-select-value{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-placeholder{color:#9ca3af}.searchable-select-caret{color:#6b7280;font-size:12px}.searchable-select-popover{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 40px rgba(15,23,42,.18);overflow:hidden;display:flex;flex-direction:column;max-height:320px}.searchable-select-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.searchable-select-search-icon{color:#6b7280;font-size:14px}.searchable-select-input{flex:1 1;border:0;background:transparent;outline:none;font-size:14px;color:#111827}.searchable-select-clear{border:0;background:transparent;color:#6b7280;cursor:pointer;font-size:12px;padding:4px;border-radius:6px}.searchable-select-clear:hover{background:#e5e7eb}.searchable-select-list{list-style:none;margin:0;padding:4px 0;overflow-y:auto;max-height:240px}.searchable-select-empty{padding:14px;text-align:center;color:#6b7280;font-size:13px}.searchable-select-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;border:0;background:transparent;text-align:left;padding:10px 14px;cursor:pointer;font-size:14px;color:#1f2937}.searchable-select-option:hover{background:rgba(11,116,50,.08)}.searchable-select-option.selected{background:rgba(11,116,50,.12);color:#0b7432;font-weight:700}.searchable-select-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.searchable-select-option-sub{color:#6b7280;font-size:12px;font-weight:500}.imprest-year-filter{display:flex;align-items:center;gap:8px;margin-right:auto}.imprest-year-filter label{font-size:13px;font-weight:600;color:#6b7280}.imprest-year-select{padding:6px 10px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font-size:13px;cursor:pointer;min-width:110px}.imprest-toolbar{gap:10px;justify-content:space-between}.imprest-pagination,.imprest-toolbar{display:flex;flex-wrap:wrap;align-items:center}.imprest-pagination{justify-content:center;gap:16px;padding:14px 0}.imprest-pagination .btn{padding:6px 14px;font-size:13px}.req-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:12px}@media (max-width:720px){.req-grid-three{grid-template-columns:1fr}}.req-line-system-price{display:flex;flex-direction:column;justify-content:flex-end}.req-line-system-price-text{margin:0;padding:10px 12px;font-size:13px;color:#64748b;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;font-weight:500}.req-checkbox-row{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-top:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.req-checkbox-row:has(input:checked){border-color:#0b7432;background:rgba(11,116,50,.06)}.req-checkbox-row input[type=checkbox]{margin-top:3px;width:18px;height:18px;accent-color:#0b7432;cursor:pointer;flex-shrink:0}.req-checkbox-row strong{display:block;font-size:14px;color:#0f172a;margin-bottom:2px}.req-checkbox-row .muted{display:block;font-size:12px;color:#6b7280;line-height:1.45}.req-cost-block{margin-top:10px;padding:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.req-cost-empty{padding:12px;text-align:center;color:#6b7280;font-size:13px;background:#f8fafc;border-radius:10px}.req-cost-row{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px}@media (max-width:720px){.req-cost-row{flex-direction:column;align-items:stretch}.req-cost-row>div{width:100%!important}}.req-add-line-secondary{margin-top:4px}.req-cost-summary{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px;margin-top:14px;padding:14px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.req-cost-summary>div{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#475569}.req-cost-summary>div strong{color:#0f172a;font-weight:700}.req-cost-summary-grand{padding-top:10px;margin-top:4px;border-top:1px dashed #cbd5e1;font-size:14px!important}.req-cost-summary-grand strong{color:#0b7432!important;font-size:16px}.req-line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.req-line-remove{background:transparent;border:0;color:#dc2626;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;font-weight:700}.req-line-remove:hover{background:rgba(220,38,38,.1)}.notifications-module{display:flex;flex-direction:column;gap:14px}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.notifications-title-block{display:flex;align-items:center;gap:10px}.notifications-title-block h3{margin:0;font-size:16px;color:#111827}.notifications-unread-pill{background:#0b7432;color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.2px}.notifications-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notifications-filter-tabs{display:inline-flex;background:#f1f5f9;border-radius:999px;padding:4px;gap:2px}.notifications-filter-tabs button{border:0;background:transparent;padding:6px 14px;font-size:12px;font-weight:600;color:#475569;border-radius:999px;cursor:pointer;transition:all .15s ease}.notifications-filter-tabs button:hover{color:#0b7432}.notifications-filter-tabs button.active{background:#fff;color:#0b7432;box-shadow:0 1px 3px rgba(15,23,42,.08)}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-card{display:flex;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;text-align:left}.notification-card:hover{border-color:#0b7432;transform:translateY(-1px);box-shadow:0 6px 18px rgba(11,116,50,.08)}.notification-card.is-unread{border-color:rgba(11,116,50,.4);background:#f8fafc}.notification-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.notification-body{flex:1 1;min-width:0}.notification-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px}.notification-row h4{margin:0;font-size:14px;font-weight:500;color:#111827;line-height:1.3}.notification-row h4.is-bold{font-weight:700}.notification-dot{width:9px;height:9px;border-radius:50%;background:#0b7432;margin-top:6px;flex-shrink:0}.notification-message{margin:0 0 8px;font-size:13px;color:#475569;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.notification-mark-link{background:transparent;border:0;color:#0b7432;font-size:12px;font-weight:600;cursor:pointer;padding:0}.notification-mark-link:hover{text-decoration:underline}.notification-mark-link:disabled{opacity:.6;cursor:not-allowed}.notifications-empty{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:40px 20px;text-align:center}.notifications-empty-icon{font-size:48px;margin-bottom:12px}.notifications-empty h4{margin:0 0 6px;font-size:16px;color:#111827}.chat-module{display:flex;flex-direction:column;gap:14px}.chat-header{justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.chat-header,.chat-title-block{display:flex;align-items:center}.chat-title-block{gap:10px}.chat-title-block h3{margin:0;font-size:16px;color:#111827}.chat-unread-pill{background:#0b7432;color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.2px}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-list{display:flex;flex-direction:column;gap:10px}.chat-row{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.chat-row:hover{border-color:#0b7432;transform:translateY(-1px);box-shadow:0 6px 18px rgba(11,116,50,.08)}.chat-row.has-unread{background:#f8fafc}.chat-avatar-wrap{position:relative;flex-shrink:0}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e2e8f0}.chat-avatar.tiny{width:32px;height:32px}.chat-avatar.small{width:40px;height:40px}.chat-online-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#16a34a;border-radius:50%;border:2px solid #fff}.chat-row-body{flex:1 1;min-width:0}.chat-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.chat-row-top h4{margin:0;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-top h4.is-bold{font-weight:700}.chat-row-time{font-size:11px;color:#64748b;font-weight:500;flex-shrink:0}.chat-row-time.is-active{color:#0b7432;font-weight:700}.chat-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-row-message{margin:0;font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.chat-row-message.is-bold{color:#111827;font-weight:500}.chat-row-badge{background:#0b7432;color:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.chat-empty{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:48px 20px;text-align:center}.chat-empty.inside-card{border:0;background:transparent;padding:60px 20px}.chat-empty-icon{font-size:56px;margin-bottom:12px}.chat-empty h4{margin:0 0 6px;font-size:18px;color:#111827}.chat-search-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px}.chat-search-sheet{width:100%;max-width:520px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.25);display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.chat-search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb}.chat-search-head h3{margin:0;font-size:15px;color:#111827}.chat-search-input-wrap{padding:14px 18px 8px}.chat-search-results{flex:1 1;overflow-y:auto;padding:4px 8px 14px}.chat-search-row{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid transparent;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease}.chat-search-row:hover{background:#f8fafc;border-color:#e5e7eb}.chat-search-row-body{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.chat-search-row-body strong{font-size:14px;color:#111827}.chat-search-row-arrow{font-size:18px;color:#94a3b8}.chat-conversation-shell{display:flex;flex-direction:column;gap:12px}.chat-conversation-toolbar{display:flex;align-items:center;gap:10px}.chat-conversation-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 220px);min-height:480px;box-shadow:0 1px 3px rgba(15,23,42,.05)}.chat-conversation-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc,#fff)}.chat-conversation-head h3{margin:0;font-size:15px;color:#111827}.chat-typing-text{margin:0;font-size:11px;color:#0b7432;font-style:italic;font-weight:600}.chat-conversation-body{flex:1 1;overflow-y:auto;padding:14px 14px 4px;display:flex;flex-direction:column;gap:6px;background:#f8fafc}.chat-day-divider{text-align:center;margin:10px 0 4px}.chat-day-divider span{display:inline-block;background:#e2e8f0;color:#475569;border-radius:999px;font-size:11px;font-weight:600;padding:2px 10px}.chat-bubble-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:4px}.chat-bubble-row.is-me{justify-content:flex-end}.chat-bubble{max-width:70%;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:8px 12px;font-size:13.5px;color:#111827;line-height:1.4;word-break:break-word;box-shadow:0 1px 1px rgba(15,23,42,.04)}.chat-bubble p{margin:0 0 4px;white-space:pre-wrap}.chat-bubble-meta{font-size:10px;color:#94a3b8;display:block;text-align:right}.chat-bubble-row.is-me .chat-bubble{background:#0b7432;color:#fff;border-color:#0b7432;border-bottom-right-radius:4px}.chat-bubble-row.is-me .chat-bubble-meta{color:hsla(0,0%,100%,.7)}.chat-bubble-row.is-them .chat-bubble{border-bottom-left-radius:4px}.chat-bubble.is-pending{opacity:.75}.chat-composer{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #e5e7eb;background:#fff}.chat-composer-input{flex:1 1;border-radius:999px;background:#f1f5f9;border-color:transparent}.chat-composer-input:focus{background:#fff}@media (max-width:720px){.chat-conversation-card{height:calc(100vh - 180px);min-height:420px}.chat-bubble{max-width:85%}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;background:#f9fafb}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 4px 14px rgba(0,0,0,.04);padding:22px 22px 26px;margin:0 auto}.auth-back-row{margin-bottom:6px}.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0b7432}.auth-back:hover{text-decoration:underline}.logo-circle{width:150px;height:150px;border-radius:999px;background:#fff;margin:8px auto 14px;box-shadow:0 6px 16px rgba(0,0,0,.1);padding:14px;display:flex;align-items:center;justify-content:center}.auth-icon-tile{width:56px;height:56px;border-radius:14px;background:#dcfce7;color:#0b7432;display:grid;place-items:center;margin:6px 0 14px;font-size:26px;box-shadow:0 2px 6px rgba(11,116,50,.12)}.auth-brand{text-align:center;font-size:20px;font-weight:800;letter-spacing:-.3px;color:#0b7432;margin:0}.auth-tagline{text-align:center;font-size:13px;font-weight:600;letter-spacing:.3px;color:#111827;margin:4px 0 16px}.auth-title{font-size:22px;font-weight:800;color:#1f2937;margin:4px 0 6px;text-align:center}.auth-subtitle{font-size:14px;color:#6b7280;margin:0 0 18px;text-align:center;line-height:1.45}.auth-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.auth-row-end{display:flex;justify-content:flex-end;margin:8px 0 14px}.auth-link{color:#0b7432;font-weight:600;font-size:14px}.auth-link:hover{text-decoration:underline}.auth-link-btn{border:0;background:transparent;padding:0;color:#0b7432;font-weight:600;font-size:14px;cursor:pointer}.auth-link-btn:disabled{color:#9ca3af;cursor:not-allowed}.auth-submit{width:100%;height:50px;font-size:15px;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:10px}.auth-error,.auth-info{padding:10px 12px;margin:0 0 12px;font-size:13px;font-weight:500}.auth-info{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:10px}.auth-foot{margin-top:14px;text-align:center;font-size:13px}.auth-foot a{color:#0b7432;font-weight:600}.auth-foot a:hover{text-decoration:underline}.auth-password-wrap{position:relative}.auth-password-wrap .input{padding-right:44px}.auth-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:16px;padding:6px;color:#6b7280}.auth-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#374151;margin:10px 0 14px;cursor:pointer}.auth-checkbox input{width:16px;height:16px}.auth-otp-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin:6px 0 18px}.auth-otp-cell{width:100%;height:52px;border-radius:12px;border:1px solid #d1d5db;background:#f9fafb;text-align:center;font-size:22px;font-weight:700;color:#111827;outline:none}.auth-otp-cell:focus{border-color:#0b7432;background:#fff;box-shadow:0 0 0 3px rgba(11,116,50,.18)}@media (max-width:380px){.auth-otp-cell{height:46px;font-size:18px}}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#f9fafb}.splash-card{max-width:420px;min-height:calc(100vh - 32px);flex-direction:column;justify-content:space-between;padding:48px 16px 32px}.splash-card,.splash-center{width:100%;display:flex;align-items:center}.splash-center{flex:1 1;flex-direction:column;justify-content:center}.splash-logo{width:220px;height:220px;border-radius:999px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.12);padding:18px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;animation:splashPulse 3s ease-in-out infinite}.splash-logo img{width:100%;height:100%;object-fit:contain;border-radius:999px}.splash-brand{font-size:24px;font-weight:800;color:#0b7432;letter-spacing:-.5px;margin:0 0 6px;text-align:center}.splash-tagline{font-size:14px;font-weight:600;color:#111827;letter-spacing:.3px;margin:0;text-align:center}.splash-bottom{width:100%;display:flex;flex-direction:column;align-items:center}.splash-welcome{font-size:14px;font-style:italic;color:#6b7280;text-align:center;margin:0 0 14px}.splash-bar{width:130px;height:4px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin-bottom:10px}.splash-bar-fill{width:33%;height:100%;background:#c6e300;border-radius:999px;animation:splashSlide 1.4s ease-in-out infinite}.splash-init{font-size:10px;font-weight:800;letter-spacing:2px;color:#9ca3af;margin:0}@keyframes splashPulse{0%,to{transform:scale(.98);opacity:.85}50%{transform:scale(1);opacity:1}}@keyframes splashSlide{0%{transform:translateX(-130%)}to{transform:translateX(330%)}}.header-actions{display:flex;align-items:center;gap:6px}.header-bell{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#f3f4f6;color:#374151;border:1px solid transparent;text-decoration:none;transition:background .12s ease}.header-bell:hover{background:#e5e7eb}.header-bell-icon{font-size:18px;line-height:1}.header-bell-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1;border:2px solid #fff;box-shadow:0 0 0 0 rgba(220,38,38,.6);animation:bellPulse 2.2s ease-out infinite}@keyframes bellPulse{0%{box-shadow:0 0 0 0 rgba(220,38,38,.55)}70%{box-shadow:0 0 0 8px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.header-menu-wrap{position:relative}.header-menu-btn{width:40px;height:40px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px;color:#374151;line-height:1}.header-menu-btn:hover{background:#f9fafb}.header-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.16);padding:6px;z-index:100;display:flex;flex-direction:column;gap:2px;animation:menuIn .12s ease-out}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:#1f2937;text-align:left;text-decoration:none;width:100%}.header-menu-item:hover{background:#f3f4f6}.header-menu-item.is-danger{color:#b91c1c}.header-menu-item.is-danger:hover{background:#fef2f2}.header-menu-pill{margin-left:auto;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.4}.header-menu-sep{height:1px;background:#f3f4f6;margin:4px 6px}.profile-page{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.profile-hero{background:linear-gradient(135deg,#0b7432,#0e8a3c);color:#fff;border-radius:18px;padding:24px 18px 22px;text-align:center;box-shadow:0 6px 20px rgba(11,116,50,.18)}.profile-avatar{width:88px;height:88px;border-radius:999px;background:#fff;color:#0b7432;font-size:36px;font-weight:800;display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}.profile-name{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px}.profile-role{margin:4px 0 0;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.86)}.profile-meta{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;font-size:13px;color:hsla(0,0%,100%,.92)}.profile-meta span{display:inline-flex;align-items:center;gap:6px}.profile-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.profile-section h3{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.4px;color:#6b7280;text-transform:uppercase}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px dashed #f1f5f9;font-size:14px}.profile-row:last-child{border-bottom:0}.profile-row-label{color:#6b7280}.profile-row-value{color:#111827;font-weight:600;text-align:right;max-width:60%;word-break:break-word}.profile-link{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #f3f4f6;font-size:14px;font-weight:600;color:#1f2937;text-decoration:none}.profile-link:last-child{border-bottom:0}.profile-link:hover{background:#f9fafb;border-radius:8px}.profile-link-arrow{margin-left:auto;color:#9ca3af;font-size:18px;font-weight:700}.profile-link-pill{margin-left:auto;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.profile-status{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;border-radius:10px;padding:10px 12px}.profile-status-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.profile-status-warn{background:#fef9c3;border:1px solid #fde68a;color:#92400e}.profile-logout{width:100%}.btn.danger,.profile-logout{background:#dc2626}.muted.small{font-size:12px}@media (max-width:380px){.header-bell,.header-menu-btn{width:36px;height:36px}.auth-card{padding:18px 16px 22px}}.bottom-nav-icon-wrap{position:relative;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#f3f4f6;font-size:16px;line-height:1}.mobile-bottom-nav a.active .bottom-nav-icon-wrap{background:#dcfce7}.bottom-nav-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1;border:2px solid #fff}.mobile-services-nav a{position:relative;display:inline-flex;align-items:center;gap:8px}.mobile-services-nav a.has-badge{padding-right:12px}.chip-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-weight:800;line-height:1;font-style:normal}.mobile-services-nav a.active .chip-badge{background:#fff;color:#dc2626}.chip-dot{width:8px;height:8px;border-radius:999px;background:#dc2626;display:inline-block}.mobile-services-nav a.active .chip-dot{background:#fff}