body{color:#1f2937;background:#f4f6f8;font-family:Inter,Arial,Helvetica,sans-serif}.login-page{background:linear-gradient(135deg,#07111f 0%,#0d2238 50%,#12395a 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:430px;padding:40px;box-shadow:0 20px 50px #00000040}.login-header{text-align:center;margin-bottom:30px}.logo{color:#fff;background:#0d6efd;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:34px;display:flex}.login-header h1{color:#172033;margin:0;font-size:30px;font-weight:700}.login-header p{color:#6b7280;margin-top:7px;font-size:15px}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.password-container{position:relative}.show-password{color:#0d6efd;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{color:#0d6efd;font-size:14px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.error-message{color:#842029;background:#f8d7da;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.login-button:hover{background:#0b5ed7}.login-button:active{transform:scale(.99)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-footer{text-align:center;color:#6b7280;margin-top:28px}.login-footer p{margin:0 0 5px;font-size:13px}.login-footer small{font-size:12px}@media (width<=500px){.login-page{padding:15px}.login-card{padding:28px 22px}}.employees-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.employees-header h1{color:#1f2937;margin:0 0 6px;font-size:28px;font-weight:700}.employees-header p{color:#6b7280;margin:0;font-size:14px}.add-employee-btn,.save-employee-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:7px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s}.add-employee-btn:hover,.save-employee-btn:hover{background:#115e59}.add-employee-btn:disabled,.save-employee-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:7px;margin-bottom:18px;padding:12px 15px;font-size:14px}.success-message{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:7px;margin-bottom:18px;padding:12px 15px;font-size:14px}.employee-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px;display:flex}.employee-search input{border:1px solid #d1d5db;border-radius:7px;outline:none;flex:1;min-width:250px;height:42px;padding:0 13px;font-size:14px}.employee-search input:focus{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e1a}.employee-search button{cursor:pointer;color:#fff;background:#374151;border:none;border-radius:7px;height:42px;padding:0 16px;font-weight:500}.employee-search button:hover{background:#1f2937}.loading{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:50px}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:60px 20px}.empty-state h3{color:#374151;margin:0 0 8px}.empty-state p{color:#6b7280;margin-bottom:20px}.employee-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:1050px}.employee-table thead{background:#f9fafb}.employee-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:14px 15px;font-size:12px}.employee-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 15px;font-size:14px}.employee-table tbody tr:hover{background:#f9fafb}.employee-table td strong{color:#1f2937}.employee-table td small{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.employee-photo,.employee-photo-placeholder{object-fit:cover;border-radius:50%;width:42px;height:42px}.status{border-radius:20px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status.active{color:#166534;background:#dcfce7}.status.inactive{color:#991b1b;background:#fee2e2}.employee-actions{flex-wrap:wrap;gap:6px;display:flex}.employee-actions button,.employee-modal-actions button{cursor:pointer;border:none;border-radius:5px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .2s}.view-btn{color:#1d4ed8;background:#dbeafe}.view-btn:hover{background:#bfdbfe}.edit-btn{color:#92400e;background:#fef3c7}.edit-btn:hover{background:#fde68a}.activate-btn{color:#166534;background:#dcfce7}.activate-btn:hover{background:#bbf7d0}.deactivate-btn{color:#9a3412;background:#ffedd5}.deactivate-btn:hover{background:#fed7aa}.delete-btn{color:#b91c1c;background:#fee2e2}.delete-btn:hover{background:#fecaca}.employee-count{color:#6b7280;margin-top:14px;font-size:13px}.employee-modal-overlay{z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-modal{background:#fff;border-radius:12px;width:100%;max-width:650px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000040}.employee-modal h2{color:#1f2937;margin:0 0 7px;font-size:24px}.employee-modal>p{color:#6b7280;margin:0 0 25px;font-size:14px}.close-modal{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:15px;right:15px}.close-modal:hover{background:#e5e7eb}.employee-form-modal form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.employee-form-modal .form-group:last-of-type{grid-column:1/-1}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:14px}.form-group input,.form-group select{height:42px}.form-group small{color:#9ca3af;font-size:11px}.form-group input[type=file]{padding:8px}.form-actions{border-top:1px solid #e5e7eb;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:10px;padding-top:20px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:7px;min-width:110px;height:42px;font-weight:600}.form-actions button[type=button]{color:#374151;background:#e5e7eb}.form-actions button[type=button]:hover{background:#d1d5db}.employee-profile{text-align:center;border-bottom:1px solid #e5e7eb;padding:10px 0 25px}.large-profile-photo,.large-profile-placeholder{border-radius:50%;width:110px;height:110px;margin:0 auto 15px}.large-profile-photo{object-fit:cover;display:block}.employee-profile h2{margin:5px 0;font-size:23px}.employee-profile p{color:#6b7280;margin:0}.employee-details{grid-template-columns:1fr 1fr;gap:0;margin-top:20px;display:grid}.employee-details>div{border-bottom:1px solid #f1f5f9;padding:13px}.employee-details strong{color:#6b7280;margin-bottom:5px;font-size:12px;display:block}.employee-details span{color:#1f2937;font-size:14px}.employee-modal-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px;margin-top:25px;padding-top:20px;display:flex}@media (width<=900px){.employees-header{flex-direction:column;align-items:flex-start}.employee-form-modal form{grid-template-columns:1fr}.employee-form-modal .form-group:last-of-type,.form-actions{grid-column:auto}}@media (width<=650px){.employee-modal-overlay{align-items:flex-start;padding:10px}.employee-modal{max-height:95vh;margin-top:10px;padding:22px 18px}.employees-header h1{font-size:23px}.add-employee-btn{width:100%}.employee-search{flex-direction:column}.employee-search input{width:100%;min-width:0}.employee-search button{width:100%}.employee-details{grid-template-columns:1fr}.employee-modal-actions{flex-direction:column}.employee-modal-actions button{width:100%;padding:10px}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (width<=420px){.employee-modal{padding:20px 14px}.employee-modal h2{font-size:20px}.employee-table td,.employee-table th{padding:10px}.large-profile-photo,.large-profile-placeholder{width:90px;height:90px}.large-profile-placeholder{font-size:32px}}.employee-assets-panel{color:#17365d;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #d9e6f5;border-radius:20px;margin:24px 0;padding:24px;box-shadow:0 12px 30px #14375a0f}.employee-assets-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.employee-assets-heading span{color:#1380a3;letter-spacing:.1em;font-size:.72rem;font-weight:800;display:block}.employee-assets-heading h2{color:#112e55;margin:4px 0 6px;font-size:1.35rem}.employee-assets-heading p{color:#5f7490;max-width:720px;margin:0;line-height:1.55}.employee-assets-heading>button,.employee-asset-actions button{color:#1c4d78;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d0dfef;border-radius:10px;padding:9px 12px;font-weight:700;transition:all .18s}.employee-assets-heading>button:hover,.employee-asset-actions button:hover{background:#eaf8fc;border-color:#1688aa;transform:translateY(-1px)}.employee-assets-message{color:#166534;background:#eef8ef;border:1px solid #c9e8ce;border-radius:10px;margin:0 0 16px;padding:11px 13px;font-weight:650}.employee-assets-grid{grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr);gap:18px;display:grid}.employee-asset-form,.employee-asset-allocations,.employee-asset-history{background:#fff;border:1px solid #dce8f4;border-radius:16px;padding:18px}.employee-asset-form h3,.employee-asset-allocations h3,.employee-asset-history h3{color:#14375e;margin:0 0 14px;font-size:1rem}.employee-asset-form{gap:11px;display:grid}.employee-asset-form label{color:#45617f;gap:5px;font-size:.8rem;font-weight:750;display:grid}.employee-asset-form input,.employee-asset-form select,.employee-asset-form textarea{box-sizing:border-box;color:#183b63;width:100%;font:inherit;background:#fbfdff;border:1px solid #d4e0ee;border-radius:9px;outline:none;padding:9px 10px}.employee-asset-form input:focus,.employee-asset-form select:focus,.employee-asset-form textarea:focus{border-color:#1b9abd;box-shadow:0 0 0 3px #1b9abd1f}.employee-asset-form textarea{resize:vertical;min-height:72px}.employee-asset-date-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.employee-asset-primary{color:#fff;cursor:pointer;background:linear-gradient(110deg,#107fa1,#1761a0);border:0;border-radius:10px;padding:11px 14px;font-weight:800;transition:all .18s}.employee-asset-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 18px #1268a138}.employee-asset-primary:disabled{opacity:.65;cursor:wait}.employee-asset-allocations{max-height:435px;overflow:auto}.employee-asset-item{border-bottom:1px solid #e6eef7;padding:13px 0}.employee-asset-item:last-child{border-bottom:0}.employee-asset-item-top,.employee-asset-history-list article{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.employee-asset-item strong,.employee-asset-history-list strong{color:#193b62;font-size:.9rem;display:block}.employee-asset-item small,.employee-asset-history-list small{color:#71839a;margin-top:3px;font-size:.75rem;display:block}.employee-asset-item p{color:#516b86;margin:8px 0 6px;font-size:.78rem}.employee-asset-note{color:#63758b;line-height:1.4;display:block}.employee-asset-actions{gap:8px;margin-top:10px;display:flex}.employee-asset-actions button{padding:6px 9px;font-size:.76rem}.employee-asset-status{white-space:nowrap;color:#4b627d;background:#eef2f7;border-radius:999px;align-items:center;padding:4px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.employee-asset-status.active,.employee-asset-status.approved,.employee-asset-status.available{color:#08764d;background:#e5f6ef}.employee-asset-status.pending-approval,.employee-asset-status.extension-pending,.employee-asset-status.transfer-pending,.employee-asset-status.return-requested,.employee-asset-status.return-required{color:#9a5b00;background:#fff3d9}.employee-asset-status.rejected,.employee-asset-status.damaged{color:#b42342;background:#feebee}.employee-asset-status.returned{color:#315da8;background:#e8f0ff}.employee-asset-empty{text-align:center;color:#75869a;padding:24px 8px;font-size:.86rem}.employee-asset-history{margin-top:18px}.employee-asset-history-list{gap:0;display:grid}.employee-asset-history-list article{border-bottom:1px solid #e7eff7;flex-wrap:wrap;padding:10px 0}.employee-asset-history-list article:last-child{border-bottom:0}.employee-asset-history-list p{color:#6a5562;width:100%;margin:0;font-size:.8rem}@media (width<=760px){.employee-assets-panel{border-radius:15px;padding:17px}.employee-assets-heading{display:block}.employee-assets-heading>button{margin-top:12px}.employee-assets-grid,.employee-asset-date-row{grid-template-columns:1fr}.employee-asset-allocations{max-height:none}.employee-asset-item-top,.employee-asset-history-list article{display:block}.employee-asset-status{margin-top:7px}}:root{--portal-green:#0f766e;--portal-navy:#10243e;--portal-mist:#eef7f5;--portal-line:#dbe6e5}.worker-login-page{background:radial-gradient(circle at 0 0,#c7f2e7,#0000 38%),linear-gradient(145deg,#10243e,#153b4a);place-items:center;min-height:100vh;padding:24px;display:grid}.worker-login-card{background:#fff;border-radius:28px;width:min(440px,100%);padding:38px;box-shadow:0 30px 80px #06152266}.worker-login-logo{background:#dff7f1;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:20px;font-size:30px;display:grid}.worker-login-card>span,.worker-statement-panel>span,.worker-payslips>div>span,.portal-admin-hero span{letter-spacing:.17em;color:var(--portal-green);font-size:11px;font-weight:900}.worker-login-card h1{margin:7px 0;font-size:34px}.worker-login-card p{color:#64748b;line-height:1.55}.worker-login-card form{gap:16px;margin:26px 0;display:grid}.worker-login-card label,.portal-admin-toolbar label,.date-range label{color:#334155;gap:7px;font-size:12px;font-weight:800;display:grid}.worker-login-card input,.portal-admin-toolbar input,.portal-admin-toolbar select,.date-range input,.portal-created-link input{font:inherit;border:1px solid #cad8d6;border-radius:11px;padding:13px 14px}.worker-login-card button,.portal-worker-actions button,.portal-created-link button,.statement-refresh,.statement-print,.worker-id-actions button{cursor:pointer;background:var(--portal-green);color:#fff;border:0;border-radius:11px;padding:13px 16px;font-weight:850}.worker-login-card small{color:#64748b;text-align:center;display:block}.portal-error,.portal-notice{color:#7c5500;background:#fff3cd;border-radius:12px;margin:14px 0;padding:13px 16px}.worker-portal-page,.portal-admin-page{min-height:100vh;color:var(--portal-navy);background:#f4f7f8;padding:28px clamp(18px,4vw,64px) 64px}.worker-portal-header,.portal-admin-hero{color:#fff;background:linear-gradient(120deg,#10243e,#0f766e);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex}.worker-portal-header span{color:#8ee4d0;font-size:12px;font-weight:800}.worker-portal-header h1,.portal-admin-hero h1{margin:5px 0;font-size:clamp(25px,4vw,40px)}.worker-portal-header p,.portal-admin-hero p{color:#d9eeea;margin:0}.worker-portal-header button{color:#fff;cursor:pointer;background:#ffffff1c;border:1px solid #ffffff45;border-radius:10px;padding:10px 16px}.worker-portal-grid{grid-template-columns:minmax(320px,1fr) minmax(300px,.85fr);gap:22px;display:grid}.worker-id-panel,.worker-statement-panel,.worker-payslips,.portal-admin-toolbar,.portal-created-link{border:1px solid var(--portal-line);background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 28px #10243e0d}.worker-id-card{background:#fff;border:1px solid #cedbd9;border-radius:18px;overflow:hidden}.worker-id-top{color:#fff;background:linear-gradient(110deg,#10243e,#0f766e);justify-content:space-between;padding:15px 18px;display:flex}.worker-id-top span{letter-spacing:.16em;font-size:11px}.worker-id-body{grid-template-columns:110px 1fr;gap:18px;padding:22px;display:grid}.worker-id-body img,.worker-photo-placeholder{object-fit:cover;width:110px;height:132px;color:var(--portal-green);background:#dff7f1;border-radius:12px;place-items:center;font-size:46px;font-weight:900;display:grid}.worker-id-body h2{margin:3px 0;font-size:22px}.worker-id-body p{color:var(--portal-green);margin:0 0 13px;font-weight:800}.worker-id-body dl{gap:7px;margin:0;display:grid}.worker-id-body dl div{justify-content:space-between;gap:12px;display:flex}.worker-id-body dt{color:#64748b;font-size:11px}.worker-id-body dd{text-align:right;margin:0;font-size:12px;font-weight:800}.worker-id-footer{background:var(--portal-mist);text-align:center;color:#49615e;padding:11px 18px;font-size:11px}.worker-id-actions{gap:10px;margin-top:15px;display:flex}.worker-id-actions button:last-child{background:var(--portal-navy)}.worker-statement-panel h2{margin:6px 0 20px}.period-buttons{flex-wrap:wrap;gap:8px;display:flex}.period-buttons button{cursor:pointer;background:#fff;border:1px solid #cddbd9;border-radius:9px;padding:9px 11px;font-weight:750}.period-buttons button.active{background:var(--portal-green);color:#fff;border-color:var(--portal-green)}.date-range{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.statement-refresh,.statement-print{width:100%;margin-top:8px}.statement-print{background:var(--portal-navy)}.worker-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;display:grid}.worker-summary article{border:1px solid var(--portal-line);background:#fff;border-radius:16px;padding:18px}.worker-summary span{color:#64748b;font-size:12px;display:block}.worker-summary strong{margin-top:8px;font-size:20px;display:block}.worker-payslips h2{margin:5px 0 18px}.worker-payslip-list{gap:12px;display:grid}.worker-payslip-list article{border:1px solid var(--portal-line);border-radius:14px;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:20px;padding:18px;display:grid}.worker-payslip-list article>div{gap:4px;display:grid}.worker-payslip-list small{color:#64748b}.worker-payslip-list dl{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;display:grid}.worker-payslip-list dt{color:#64748b;font-size:11px}.worker-payslip-list dd{margin:4px 0 0;font-weight:850}.worker-payslip-list button{background:var(--portal-green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 13px;font-weight:800}.portal-empty{text-align:center;color:#64748b;padding:34px}.portal-security-badge{background:#ffffff18;border:1px solid #ffffff38;border-radius:12px;padding:12px 16px}.portal-created-link{margin-bottom:18px}.portal-created-link>div{gap:10px;margin:10px 0;display:flex}.portal-created-link input{flex:1}.portal-created-link small{color:#64748b}.portal-admin-toolbar{grid-template-columns:1fr 220px;gap:16px;margin-bottom:18px;display:grid}.portal-worker-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;display:grid}.portal-worker-card{border:1px solid var(--portal-line);background:#fff;border-radius:17px;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.portal-worker-avatar{background:var(--portal-mist);width:52px;height:52px;color:var(--portal-green);border-radius:15px;place-items:center;font-weight:900;display:grid}.portal-worker-info{gap:3px;display:grid}.portal-worker-info h2{margin:0;font-size:16px}.portal-worker-info span,.portal-worker-info small{color:#64748b;font-size:11px}.portal-worker-actions{gap:7px;display:grid}.portal-worker-actions button.danger{background:#b42318}.portal-worker-actions button:disabled{cursor:not-allowed;background:#aab7b5}.portal-worker-actions em{color:#b42318;font-size:10px}.portal-bulk-panel{background:linear-gradient(120deg,#e8f7f3,#fff);border:1px solid #b9ded6;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px;display:flex}.portal-bulk-panel span{letter-spacing:.16em;color:var(--portal-green);font-size:10px;font-weight:900}.portal-bulk-panel h2{margin:5px 0}.portal-bulk-panel p,.portal-bulk-panel small{color:#64748b}.portal-bulk-panel>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.portal-bulk-panel button{background:var(--portal-green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 14px;font-weight:800}.portal-bulk-panel button:nth-child(2){background:var(--portal-navy)}.portal-bulk-panel button.danger{background:#b42318}@media (width<=850px){.worker-portal-grid{grid-template-columns:1fr}.worker-summary{grid-template-columns:1fr 1fr}.worker-payslip-list article,.portal-admin-toolbar{grid-template-columns:1fr}.portal-bulk-panel{flex-direction:column;align-items:flex-start}.portal-bulk-panel>div:last-child{justify-content:flex-start}.portal-worker-card{grid-template-columns:52px 1fr}.portal-worker-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=520px){.worker-portal-page,.portal-admin-page{padding:14px}.worker-portal-header,.portal-admin-hero{flex-direction:column;align-items:flex-start;padding:22px}.worker-id-body{grid-template-columns:80px 1fr;padding:15px}.worker-id-body img,.worker-photo-placeholder{width:80px;height:105px}.worker-summary,.date-range,.portal-worker-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.worker-id-card,.worker-id-card *{visibility:visible}.worker-id-card{width:600px;position:absolute;top:20px;left:20px}.worker-id-actions{display:none}}.portal-admin-hero h1,.worker-portal-header h1{font-size:clamp(23px,3vw,32px)}.portal-admin-hero{margin-bottom:18px;padding:22px 26px}.portal-security-badge{padding:9px 12px;font-size:12px}.portal-created-link{margin-bottom:14px;padding:16px 18px}.portal-created-link>strong{font-size:14px}.portal-created-link>div{gap:8px;margin:8px 0}.portal-created-link input{min-width:0;padding:9px 11px;font-size:11px}.portal-created-link button{white-space:nowrap;padding:9px 14px;font-size:11px}.portal-created-link small{font-size:10px}.portal-created-link.is-copied{background:#effcf6;border-color:#22a06b}.portal-created-link button.copied{background:#16845b}.portal-bulk-panel{padding:17px 19px}.portal-bulk-panel h2{font-size:18px}.portal-bulk-panel p{margin:5px 0;font-size:12px}.portal-bulk-panel button{padding:9px 12px;font-size:11px}.portal-admin-toolbar{grid-template-columns:minmax(240px,1fr) 190px minmax(245px,.9fr);align-items:end;padding:17px 19px}.portal-email-choice{cursor:pointer;background:#f8fcfb;border:1px solid #cddbd9;border-radius:11px;align-items:flex-start;gap:10px;min-height:43px;padding:10px 12px;display:flex!important}.portal-email-choice input{width:16px;height:16px;accent-color:var(--portal-green);margin:2px 0 0}.portal-email-choice span{gap:2px;display:grid}.portal-email-choice strong{color:var(--portal-navy);font-size:11px}.portal-email-choice small{color:#64748b;font-size:10px;font-weight:600;line-height:1.35}.portal-email-choice:hover{background:#f1fbf7;border-color:#87cabc}@media (width<=850px){.portal-admin-toolbar{grid-template-columns:1fr}}.portal-worker-card{padding:14px}.portal-worker-info h2{font-size:14px}.portal-worker-info strong{font-size:12px}.portal-worker-actions button{padding:9px 11px;font-size:11px}.portal-individual-heading{justify-content:space-between;align-items:end;margin:20px 2px 10px;display:flex}.portal-individual-heading span{letter-spacing:.15em;color:var(--portal-green);font-size:10px;font-weight:900}.portal-individual-heading h2{margin:4px 0;font-size:18px}.portal-individual-heading p{color:#64748b;margin:0;font-size:11px}.portal-copy-toast{z-index:1000;color:#fff;background:#087a55;border:1px solid #5ee0b0;border-radius:12px;padding:11px 16px;font-size:12px;font-weight:900;animation:.2s ease-out portal-toast-in;position:fixed;top:20px;right:24px;box-shadow:0 14px 35px #063c2b4d}@keyframes portal-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.portal-worker-card{border-color:#d6e4e1;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 5px 14px #10243e0a}.portal-worker-card:before{content:"";background:linear-gradient(#0f766e,#5ed2b9);width:4px;position:absolute;inset:0 auto 0 0}.portal-worker-card:hover{border-color:#9bcfc4;transform:translateY(-2px);box-shadow:0 12px 25px #10243e16}.portal-worker-card:hover .portal-worker-info h2{font-size:13px}.portal-worker-card:hover .portal-worker-info strong{font-size:11px}.portal-worker-info h2,.portal-worker-info strong{transition:font-size .18s}.portal-worker-info>strong{color:#0f766e;background:#e8f7f3;border-radius:6px;width:max-content;padding:3px 7px;display:inline-flex}.portal-worker-info>small:first-of-type{color:#49615e;font-weight:800}.portal-worker-avatar{font-size:14px;box-shadow:inset 0 0 0 1px #bfe2db}.portal-leave-section{grid-template-columns:.8fr 1.2fr;gap:18px;margin:22px 0;display:grid}.portal-leave-request,.portal-leave-history{border:1px solid var(--portal-line);background:#fff;border-radius:18px;padding:19px}.portal-leave-section>div>span{letter-spacing:.15em;color:#0f766e;font-size:9px;font-weight:900}.portal-leave-section h2{margin:4px 0 14px;font-size:17px}.portal-leave-request form{grid-template-columns:1fr 1fr;gap:9px;display:grid}.portal-leave-request label{gap:5px;font-size:10px;font-weight:800;display:grid}.portal-leave-request input,.portal-leave-request select,.portal-leave-request textarea{font:inherit;border:1px solid #cddbd9;border-radius:8px;padding:9px;font-size:11px}.portal-leave-request .wide{grid-column:span 2}.portal-leave-request button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:9px;grid-column:span 2;padding:10px;font-weight:800}.portal-leave-history article{border-bottom:1px solid #e5eceb;grid-template-columns:1fr auto;gap:6px;padding:10px 0;display:grid}.portal-leave-history article small{color:#64748b;font-size:10px;display:block}.portal-leave-history article p{color:#475569;grid-column:1/-1;margin:0;font-size:10px}.portal-leave-status{border-radius:20px;height:max-content;padding:4px 7px;font-size:9px;font-weight:900}.portal-leave-status.approved{color:#087443;background:#dcfce7}.portal-leave-status.pending{color:#8a5b00;background:#fef3c7}.portal-leave-status.declined{color:#a21919;background:#fee2e2}@media (width<=800px){.portal-leave-section{grid-template-columns:1fr}}.worker-login-card button,.worker-portal-header button,.portal-worker-actions button,.portal-created-link button,.statement-refresh,.statement-print,.worker-id-actions button,.worker-payslip-list button,.portal-bulk-panel button,.period-buttons button,.portal-leave-request button{transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s,filter .18s}.worker-login-card button:hover{color:#fff;background:linear-gradient(125deg,#176ec8,#2687dc);transform:translateY(-2px);box-shadow:0 9px 20px #176ec83d}.worker-portal-header button:hover{color:#fff;background:linear-gradient(125deg,#b9323d,#d54b45);border-color:#ffdce0a6;transform:translateY(-2px);box-shadow:0 8px 18px #b9323d38}.period-buttons button:hover{color:#176ec8;background:#eaf4ff;border-color:#176ec8;transform:translateY(-1px);box-shadow:0 6px 14px #176ec81f}.period-buttons button.active:hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);border-color:#17845f;box-shadow:0 7px 16px #17845f33}.statement-refresh:hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 9px 18px #17845f38}.statement-print:hover{color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);transform:translateY(-2px);box-shadow:0 9px 18px #1459b53b}.worker-id-actions button:hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 8px 17px #17845f33}.worker-id-actions button:last-child:hover{color:#fff;background:linear-gradient(125deg,#b9323d,#d54b45);box-shadow:0 8px 17px #b9323d38}.worker-payslip-list button:hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 8px 17px #17845f36}.portal-created-link button:hover:not(.copied){color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);transform:translateY(-2px);box-shadow:0 8px 17px #1459b536}.portal-created-link button.copied:hover{color:#fff;background:linear-gradient(125deg,#106848,#17845f)}.portal-worker-actions button:not(.danger):not(:disabled):hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 8px 17px #17845f33}.portal-worker-actions button.danger:not(:disabled):hover{color:#fff;background:linear-gradient(125deg,#8f2019,#b42318);transform:translateY(-2px);box-shadow:0 8px 17px #b423183b}.portal-worker-actions button:disabled:hover{box-shadow:none;background:#aab7b5;transform:none}.portal-bulk-panel button:not(.danger):not(:nth-child(2)):hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 8px 17px #17845f33}.portal-bulk-panel button:nth-child(2):hover{color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);transform:translateY(-2px);box-shadow:0 8px 17px #1459b538}.portal-bulk-panel button.danger:hover{color:#fff;background:linear-gradient(125deg,#8f2019,#b42318);transform:translateY(-2px);box-shadow:0 8px 17px #b423183b}.portal-leave-request button:hover{color:#fff;background:linear-gradient(125deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 8px 17px #17845f36}.worker-summary article,.worker-payslip-list article,.worker-id-panel,.worker-statement-panel,.worker-payslips,.portal-admin-toolbar,.portal-created-link,.portal-worker-card,.portal-leave-request,.portal-leave-history{transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.worker-summary article:hover{border-color:#b9d7f2;transform:translateY(-2px);box-shadow:0 10px 22px #176ec81a}.worker-payslip-list article:hover{background:#fbfffd;border-color:#acd9ca;transform:translateY(-2px);box-shadow:0 10px 22px #17845f1a}.worker-id-panel:hover,.worker-statement-panel:hover,.worker-payslips:hover{border-color:#b9d7f2;box-shadow:0 13px 28px #176ec817}.portal-created-link:hover{border-color:#b9d7f2;box-shadow:0 11px 24px #176ec817}.portal-worker-card:hover{background:linear-gradient(135deg,#fff,#fff8f8);border-color:#dfa7ae;box-shadow:0 12px 25px #99374321}.portal-worker-card:hover:before{background:linear-gradient(#176ec8,#c53c46,#17845f)}.worker-login-card button:focus-visible,.worker-portal-header button:focus-visible,.portal-worker-actions button:focus-visible,.portal-created-link button:focus-visible,.statement-refresh:focus-visible,.statement-print:focus-visible,.worker-id-actions button:focus-visible,.worker-payslip-list button:focus-visible,.portal-bulk-panel button:focus-visible,.period-buttons button:focus-visible,.portal-leave-request button:focus-visible{outline-offset:2px;outline:3px solid #176ec83d}@media (hover:none){.worker-login-card button:hover,.worker-portal-header button:hover,.portal-worker-actions button:hover,.portal-created-link button:hover,.statement-refresh:hover,.statement-print:hover,.worker-id-actions button:hover,.worker-payslip-list button:hover,.portal-bulk-panel button:hover,.period-buttons button:hover,.portal-leave-request button:hover,.worker-summary article:hover,.worker-payslip-list article:hover,.portal-worker-card:hover{transform:none}}:root{--dashboard-primary:#0f766e;--dashboard-primary-dark:#115e59;--dashboard-primary-darker:#134e4a;--dashboard-primary-light:#ccfbf1;--dashboard-primary-soft:#f0fdfa;--dashboard-teal:#14b8a6;--dashboard-teal-light:#5eead4;--dashboard-teal-dark:#0d9488;--dashboard-blue:#2563eb;--dashboard-blue-dark:#1d4ed8;--dashboard-blue-light:#dbeafe;--dashboard-blue-soft:#eff6ff;--dashboard-green:#16a34a;--dashboard-green-dark:#15803d;--dashboard-green-light:#dcfce7;--dashboard-green-soft:#f0fdf4;--dashboard-orange:#ea580c;--dashboard-orange-dark:#c2410c;--dashboard-orange-light:#ffedd5;--dashboard-orange-soft:#fff7ed;--dashboard-purple:#7c3aed;--dashboard-purple-dark:#6d28d9;--dashboard-purple-light:#ede9fe;--dashboard-purple-soft:#faf5ff;--dashboard-red:#dc2626;--dashboard-red-dark:#b91c1c;--dashboard-red-light:#fee2e2;--dashboard-red-soft:#fff1f2;--dashboard-yellow:#ca8a04;--dashboard-yellow-dark:#a16207;--dashboard-yellow-light:#fef9c3;--dashboard-yellow-soft:#fffbeb;--dashboard-cyan:#0891b2;--dashboard-cyan-dark:#0e7490;--dashboard-cyan-light:#cffafe;--dashboard-dark:#0f172a;--dashboard-dark-2:#172033;--dashboard-text:#1e293b;--dashboard-text-soft:#334155;--dashboard-muted:#64748b;--dashboard-soft:#94a3b8;--dashboard-white:#fff;--dashboard-bg:#edf4f8;--dashboard-bg-soft:#f8fbfd;--dashboard-bg-deep:#dfeaf2;--dashboard-border:#e2e8f0;--dashboard-border-dark:#cbd5e1;--dashboard-sidebar:#06101d;--dashboard-sidebar-2:#0a1627;--dashboard-sidebar-3:#0d1e32;--dashboard-radius-xs:7px;--dashboard-radius-sm:9px;--dashboard-radius-md:12px;--dashboard-radius-lg:16px;--dashboard-radius-xl:20px;--dashboard-radius-2xl:26px;--dashboard-radius-round:999px;--dashboard-shadow-xs:0 2px 5px #0f172a0b;--dashboard-shadow-sm:0 5px 16px #0f172a11;--dashboard-shadow-md:0 12px 32px #0f172a17;--dashboard-shadow-lg:0 22px 55px #0f172a24;--dashboard-shadow-xl:0 32px 90px #0f172a33;--dashboard-shadow-teal:0 15px 35px #0f766e2e;--dashboard-shadow-blue:0 15px 35px #2563eb2b;--dashboard-fast:.14s ease;--dashboard-normal:.22s cubic-bezier(.2, .8, .2, 1);--dashboard-smooth:.3s cubic-bezier(.2, .8, .2, 1);--dashboard-slow:.4s cubic-bezier(.2, .8, .2, 1)}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:var(--dashboard-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:linear-gradient(135deg,#f8fafc 0%,#eef2f7 48%,#e7edf5 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}::selection{color:var(--dashboard-dark);background:#14b8a638}.dashboard-container{background:radial-gradient(circle at 4% -8%,#0ea5a429,#0000 29%),radial-gradient(circle at 82% 4%,#3b82f61f,#0000 25%),radial-gradient(circle at 92% 92%,#0d948817,#0000 26%),linear-gradient(135deg,#f9fcfd 0%,#eef5f9 49%,#e8f0f7 100%);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.dashboard-container:before{content:"";z-index:0;pointer-events:none;opacity:.64;background-image:linear-gradient(#48779609 1px,#0000 1px),linear-gradient(90deg,#48779609 1px,#0000 1px),linear-gradient(140deg,#0000 0%,#ffffff7a 36%,#0000 37% 62%,#ffffff38 63%,#0000 64%);background-size:38px 38px,38px 38px,auto;position:fixed;inset:0}.dashboard-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a61f,#3b82f609 48%,#0000 71%);border-radius:50%;width:460px;height:460px;position:fixed;top:27%;right:-230px}.sidebar{z-index:1000;color:#fff;background:linear-gradient(160deg, var(--dashboard-sidebar) 0%, var(--dashboard-sidebar-2) 42%, var(--dashboard-sidebar-3) 72%, var(--dashboard-sidebar) 100%);isolation:isolate;border-right:1px solid #fff1;flex-direction:column;width:272px;height:100vh;padding:16px 13px 13px;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:16px 0 42px #02061733}.sidebar:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#14b8a636,#14b8a609 47%,#0000 72%);border-radius:50%;width:390px;height:390px;position:absolute;top:-220px;left:-145px}.sidebar:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#2563eb2b,#2563eb08 50%,#0000 72%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-180px;right:-175px}.sidebar-logo{z-index:3;border-bottom:1px solid #ffffff14;flex-direction:column;margin-bottom:10px;padding:9px 10px 16px;display:flex;position:relative}.sidebar-logo strong{color:var(--dashboard-teal-light);margin-top:5px;font-size:12px;font-weight:900;line-height:1.2;display:block}.sidebar-logo span{color:#8295ad;margin-top:5px;font-size:8px;font-weight:650;line-height:1.45;display:block}.sidebar-user{z-index:3;transition:all var(--dashboard-normal);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff13;border-radius:14px;align-items:center;gap:10px;margin-bottom:11px;padding:10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff09}.sidebar-user:hover{background:linear-gradient(135deg,#14b8a62b,#ffffff09);border-color:#5eead445;transform:translateY(-2px);box-shadow:0 13px 28px #0206173b}.sidebar-user>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;display:block;overflow:hidden}.sidebar-user span{color:#8ca0b8;font-size:8px;font-weight:700}.user-avatar{color:#fff;width:44px;min-width:44px;height:44px;transition:all var(--dashboard-normal);background:linear-gradient(135deg,#0f766e,#14b8a6 52%,#2dd4bf);border-radius:13px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 21px #14b8a647}.user-avatar:before{content:"";background:#ffffff2b;border-radius:50%;width:65px;height:65px;position:absolute;top:-30px;right:-25px}.sidebar-user:hover .user-avatar{transform:scale(1.07)rotate(-3deg);box-shadow:0 13px 28px #14b8a65e}.sidebar-menu{z-index:3;scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;flex:1;min-height:0;padding:3px 3px 3px 0;position:relative;overflow:hidden auto}.menu-item{color:#cbd5e1;text-align:left;width:100%;min-height:43px;transition:all var(--dashboard-fast);background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;margin:3px 0;padding:6px 8px;font-size:11px;font-weight:760;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";width:3px;transition:transform var(--dashboard-fast);background:linear-gradient(#5eead4,#14b8a6);border-radius:0 5px 5px 0;position:absolute;top:6px;bottom:6px;left:-1px;transform:scaleY(0)}.menu-item:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff12,#0000);width:80%;height:100%;transition:left .5s;position:absolute;top:0;left:-120%;transform:skew(-16deg)}.menu-item:hover:after{left:130%}.menu-item:hover:before{transform:scaleY(1)}.menu-item.active,.menu-item.active-menu{color:#fff;background:linear-gradient(90deg,#14b8a645,#14b8a60e);border-color:#2dd4bf3b;box-shadow:0 10px 24px #0206172e,inset 0 1px #ffffff0a}.menu-item.active:before,.menu-item.active-menu:before{transform:scaleY(1)}.menu-icon{color:#b8c6d7;width:34px;min-width:34px;height:34px;transition:all var(--dashboard-normal);background:#ffffff0b;border:1px solid #ffffff0e;border-radius:10px;justify-content:center;align-items:center;font-size:15px;display:flex}.menu-item:hover .menu-icon{color:#5eead4;background:linear-gradient(135deg,#14b8a638,#2dd4bf12);border-color:#5eead433;transform:scale(1.08)rotate(-3deg);box-shadow:0 8px 18px #14b8a624}.menu-item.active .menu-icon,.menu-item.active-menu .menu-icon{color:#fff;background:linear-gradient(135deg,#14b8a657,#2dd4bf17);border-color:#5eead43d;box-shadow:0 8px 18px #14b8a626}.menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-badge{color:#94a3b8;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:8px;font-weight:900;display:inline-flex}.menu-item:hover .menu-badge{color:#99f6e4;background:#14b8a62e}.menu-item.active .menu-badge{color:#fff;background:#ffffff29}.logout-button{z-index:3;color:#fca5a5;width:100%;transition:all var(--dashboard-normal);background:linear-gradient(135deg,#dc262617,#dc262606);border:1px solid #f8717129;border-radius:11px;flex-shrink:0;margin-top:10px;padding:10px 11px;font-size:11px;font-weight:850;position:relative}.dashboard-main{z-index:1;isolation:isolate;width:calc(100% - 272px);min-height:100vh;margin-left:272px;padding:25px 31px 52px;position:relative}.dashboard-header{border-bottom:1px solid var(--dashboard-border);justify-content:space-between;align-items:center;gap:25px;margin-bottom:19px;padding:2px 0 17px;display:flex}.dashboard-header>div:first-child{min-width:0}.eyebrow{color:var(--dashboard-primary);letter-spacing:1.35px;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:950}.dashboard-header h1{color:var(--dashboard-dark);letter-spacing:-.9px;margin:0 0 6px;font-size:30px;font-weight:950;line-height:1.08}.dashboard-header p{color:var(--dashboard-muted);margin:0;font-size:11px;line-height:1.6}.user-area{border:1px solid var(--dashboard-border);box-shadow:var(--dashboard-shadow-xs);transition:all var(--dashboard-normal);background:#ffffffd4;border-radius:14px;align-items:center;gap:9px;padding:6px 8px;display:flex}.user-area:hover{box-shadow:var(--dashboard-shadow-md);background:#fff;border-color:#0f766e36;transform:translateY(-2px)}.user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-info strong{color:var(--dashboard-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.user-info span{color:var(--dashboard-muted);font-size:8px}.dashboard-main>.welcome-card{border-radius:var(--dashboard-radius-xl);color:#fff;transition:all var(--dashboard-normal);background:linear-gradient(135deg,#0f766e 0%,#115e59 45%,#134e4a 100%);border:1px solid #0f766e33;margin-bottom:20px;padding:26px 28px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f766e33}.dashboard-main>.welcome-card:hover{transform:translateY(-4px);box-shadow:0 25px 56px #0f766e45}.dashboard-main>.welcome-card:before{content:"";width:310px;height:310px;transition:transform var(--dashboard-slow);background:radial-gradient(circle,#ffffff1f,#0000 70%);border-radius:50%;position:absolute;top:-170px;right:-78px}.dashboard-main>.welcome-card:after{content:"";background:radial-gradient(circle,#ffffff0d,#0000 70%);border-radius:50%;width:235px;height:235px;position:absolute;bottom:-175px;right:175px}.dashboard-main>.welcome-card h2{z-index:2;color:#fff;margin:0 0 8px;font-size:24px;font-weight:950;line-height:1.18;position:relative}.dashboard-main>.welcome-card p{z-index:2;color:#ccfbf1;max-width:820px;margin:0;font-size:10px;line-height:1.7;position:relative}.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--dashboard-border);min-width:0;min-height:108px;box-shadow:var(--dashboard-shadow-sm);transition:all var(--dashboard-normal);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";width:150px;height:150px;transition:transform var(--dashboard-slow);background:radial-gradient(circle,#14b8a614,#0000 70%);border-radius:50%;position:absolute;top:-70px;right:-70px}.stat-card:after{content:"";background:linear-gradient(90deg, var(--dashboard-primary), var(--dashboard-teal));width:0;height:3px;transition:width var(--dashboard-normal);position:absolute;bottom:0;left:0}.stat-card:hover:before{transform:scale(1.2)}.stat-card:hover:after{width:100%}.stat-icon{z-index:2;width:50px;min-width:50px;height:50px;color:var(--dashboard-primary-dark);transition:all var(--dashboard-normal);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border:1px solid #0f766e14;border-radius:13px;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative;box-shadow:0 7px 16px #0f766e14}.stat-card>div:last-child{z-index:2;flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex;position:relative;overflow:visible}.stat-card span{color:var(--dashboard-muted);font-size:8px;font-weight:850}.stat-card h2{color:var(--dashboard-dark);white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.45px;transform-origin:0;margin:0;font-size:clamp(14px,1.2vw,19px);font-weight:950;line-height:1.08;overflow:visible}.stat-card small{color:var(--dashboard-soft);font-size:8px}.dashboard-financial-snapshot,.financial-snapshot,.today-sales,.today-sales-card,.dashboard-today-sales,.dashboard-financial-card,.financial-card,.live-financial-card,.live-sales-card{min-width:0;overflow:visible}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.55px;word-spacing:-1px;width:100%;max-width:100%;font-size:clamp(13px,1.35vw,21px);font-weight:950;line-height:1.05;display:block;overflow:visible}.dashboard-financial-snapshot h2,.financial-snapshot h2,.today-sales h2,.today-sales-card h2,.dashboard-today-sales h2,.dashboard-financial-card h2,.financial-card h2,.live-financial-card h2,.live-sales-card h2{white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.55px;word-spacing:-1px;width:100%;max-width:100%;margin:0;font-size:clamp(13px,1.35vw,21px);font-weight:950;line-height:1.05;display:block;overflow:visible}.dashboard-financial-snapshot .amount,.financial-snapshot .amount,.today-sales .amount,.today-sales-card .amount,.dashboard-today-sales .amount,.dashboard-financial-card .amount,.financial-card .amount,.live-financial-card .amount,.live-sales-card .amount,.dashboard-financial-snapshot .money,.financial-snapshot .money,.today-sales .money,.today-sales-card .money,.dashboard-today-sales .money,.dashboard-financial-card .money,.financial-card .money,.live-financial-card .money,.live-sales-card .money{white-space:nowrap;text-overflow:clip;font-variant-numeric:tabular-nums;letter-spacing:-.55px;word-spacing:-1px;width:100%;max-width:100%;font-size:clamp(13px,1.3vw,20px);font-weight:950;line-height:1.05;display:block;overflow:visible}.dashboard-section{margin-bottom:25px}.section-header h2{color:var(--dashboard-dark);margin:0 0 5px;font-size:18px;font-weight:950;line-height:1.2}.section-header p{color:var(--dashboard-muted);margin:0;font-size:9px;line-height:1.6}.restaurant-quick-btn{--operation-accent:var(--dashboard-primary);--operation-soft:var(--dashboard-primary-light);--operation-glow:#0f766e2b;min-width:0;min-height:114px;color:var(--dashboard-dark);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f8fafc 54%,#f0fdfa 100%);border:1px solid #0f766e2b;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s,background .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a0e}.restaurant-quick-btn:after{content:"";background:radial-gradient(circle, var(--operation-glow), transparent 70%);opacity:.7;border-radius:50%;width:175px;height:175px;transition:transform .35s,opacity .35s;position:absolute;top:-72px;right:-72px}.restaurant-quick-btn strong{z-index:3;color:var(--dashboard-dark);font-size:11px;font-weight:950;line-height:1.3;transition:color .18s,transform .18s;position:relative}.restaurant-quick-btn:hover strong{color:var(--operation-accent);transform:translate(3px)}.restaurant-quick-btn span{z-index:3;color:var(--dashboard-muted);margin-top:4px;font-size:8px;line-height:1.5;position:relative}.restaurant-quick-btn:hover span{color:var(--operation-accent)}.restaurant-quick-primary:hover{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-color:#0f766e;box-shadow:0 26px 52px #0f766e3d}.restaurant-primary-btn{border:1px solid var(--dashboard-primary);color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 16px;font-size:10px;font-weight:900;transition:all .22s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 23px #0f766e30}.restaurant-primary-btn:before{content:"";background:#ffffff21;border-radius:50%;width:100px;height:100px;transition:transform .35s;position:absolute;top:-55px;right:-35px}.restaurant-primary-btn:hover{background:linear-gradient(135deg,#115e59,#0d9488);transform:translateY(-3px)scale(1.025);box-shadow:0 16px 34px #0f766e47}.restaurant-primary-btn:hover:before{transform:scale(1.45)}.quick-actions button{--quick-accent:var(--dashboard-primary);--quick-soft:var(--dashboard-primary-light);--quick-glow:#0f766e2b;border:1px solid color-mix(in srgb, var(--quick-accent) 27%, #fff);outline-offset:-4px;min-width:0;min-height:121px;color:var(--dashboard-text);text-align:left;box-shadow:0 5px 16px #0f172a0e, inset 3px 0 0 var(--quick-accent), inset 0 1px 0 #ffffffeb;transition:transform var(--dashboard-normal), border-color var(--dashboard-normal), box-shadow var(--dashboard-normal), background var(--dashboard-normal);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:15px;outline:1px solid #ffffffb8;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;display:flex;position:relative;overflow:hidden}.quick-actions button:first-child{--quick-accent:#2563eb;--quick-soft:#dbeafe;--quick-glow:#2563eb2b}.quick-actions button:nth-child(2){--quick-accent:#7c3aed;--quick-soft:#ede9fe;--quick-glow:#7c3aed2b}.quick-actions button:nth-child(3){--quick-accent:#0f766e;--quick-soft:#ccfbf1;--quick-glow:#0f766e2b}.quick-actions button:nth-child(4){--quick-accent:#ea580c;--quick-soft:#ffedd5;--quick-glow:#ea580c2b}.quick-actions button:nth-child(5){--quick-accent:#2563eb;--quick-soft:#dbeafe;--quick-glow:#2563eb2b}.quick-actions button:nth-child(6){--quick-accent:#16a34a;--quick-soft:#dcfce7;--quick-glow:#16a34a2b}.quick-actions button:nth-child(7){--quick-accent:#0f766e;--quick-soft:#ccfbf1;--quick-glow:#0f766e2b}.quick-actions button:nth-child(8){--quick-accent:#7c3aed;--quick-soft:#ede9fe;--quick-glow:#7c3aed2b}.quick-actions button:nth-child(9){--quick-accent:#16a34a;--quick-soft:#dcfce7;--quick-glow:#16a34a2b}.quick-actions button:nth-child(10){--quick-accent:#ea580c;--quick-soft:#ffedd5;--quick-glow:#ea580c2b}.quick-actions button:nth-child(11){--quick-accent:#2563eb;--quick-soft:#dbeafe;--quick-glow:#2563eb2b}.quick-actions button:nth-child(12){--quick-accent:#0f766e;--quick-soft:#ccfbf1;--quick-glow:#0f766e2b}.quick-actions button:before{content:"";background:linear-gradient(90deg, var(--quick-accent) 0%, var(--quick-accent) 26%, #fffffff5 50%, var(--quick-accent) 74%, var(--quick-accent) 100%);width:100%;height:5px;box-shadow:0 2px 10px var(--quick-glow);transition:background-position .55s ease, box-shadow var(--dashboard-normal);background-position:100% 0;background-size:220% 100%;position:absolute;top:0;left:0}.quick-actions button:after{content:"";background:radial-gradient(circle, var(--quick-glow), transparent 70%);opacity:.62;width:165px;height:165px;transition:transform var(--dashboard-slow), opacity var(--dashboard-slow);border-radius:50%;position:absolute;top:-62px;right:-62px}.quick-actions button:hover{border-color:var(--quick-accent);box-shadow:0 22px 44px var(--quick-glow), 0 0 0 1px #ffffffd9, inset 4px 0 0 var(--quick-accent), inset 0 1px 0 #fffffff5;background:linear-gradient(145deg,#fff,#f0fdfa);transform:translateY(-8px)}.quick-actions button:hover:before{box-shadow:0 3px 14px var(--quick-glow);background-position:0 0}.quick-actions button:hover:after{opacity:1;transform:scale(1.4)}.quick-actions button:active{transform:translateY(-2px)scale(.985)}.quick-actions button>span:first-child{z-index:3;background:linear-gradient(135deg, var(--quick-soft), #fff);width:43px;height:43px;color:var(--quick-accent);box-shadow:0 6px 15px var(--quick-glow);transition:all var(--dashboard-normal);border:1px solid #0f172a0f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:auto;font-size:18px;display:flex;position:relative}.quick-actions button:hover>span:first-child{background:var(--quick-accent);border-color:var(--quick-accent);color:#fff;box-shadow:0 11px 24px var(--quick-glow);transform:translateY(-4px)scale(1.12)rotate(-4deg)}.quick-actions button strong{z-index:3;color:var(--dashboard-dark);transition:color var(--dashboard-fast), transform var(--dashboard-fast);margin-bottom:3px;font-size:10px;font-weight:950;line-height:1.3;position:relative}.quick-actions button:hover strong{color:var(--quick-accent);transform:translate(3px)}.quick-actions button small{z-index:3;color:var(--dashboard-muted);font-size:8px;line-height:1.45;position:relative}.quick-actions button:hover small{color:var(--quick-accent)}.quick-action-arrow{z-index:5;color:var(--quick-accent);opacity:.38;transition:all var(--dashboard-fast);font-size:17px;font-weight:950;line-height:1;position:absolute;bottom:10px;right:13px}.quick-actions button:hover .quick-action-arrow{opacity:1;transform:translate(7px)scale(1.08)}.quick-action-count{min-height:30px;color:var(--dashboard-primary-dark);background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:8px;font-weight:950;transition:all .18s;display:inline-flex}.quick-action-count:hover{background:linear-gradient(135deg,#ccfbf1,#99f6e4);transform:translateY(-2px)scale(1.04);box-shadow:0 7px 15px #0f766e1f}.dashboard-chart-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 52%,#f0fdfa 100%);border:1px solid #0f766e21;border-radius:22px;width:100%;min-width:0;padding:23px 24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 36px #0f172a14}.dashboard-chart-card:before{content:"";background:radial-gradient(circle,#14b8a621,#0000 68%);border-radius:50%;width:330px;height:330px;transition:transform .45s;position:absolute;top:-190px;right:-145px}.dashboard-chart-card:after{content:"";background:radial-gradient(circle,#2563eb12,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-165px;left:-150px}.dashboard-chart-header{z-index:5;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex;position:relative}.dashboard-chart-header h2{color:var(--dashboard-dark);margin:0;font-size:17px;font-weight:950}.dashboard-chart-header p{color:var(--dashboard-muted);margin:5px 0 0;font-size:8px;line-height:1.5}.dashboard-chart-badge{min-height:27px;color:var(--dashboard-green-dark);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:8px;font-weight:950;display:inline-flex}.dashboard-chart-badge:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite activityPulse;box-shadow:0 0 0 4px #22c55e1a}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.dashboard-chart-summary{z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px;display:grid;position:relative}.dashboard-chart-summary-item{background:#ffffffc2;border:1px solid #0f766e1a;border-radius:12px;min-width:0;padding:9px 11px;transition:transform .18s,box-shadow .18s,border-color .18s}.dashboard-chart-summary-item span{color:var(--dashboard-muted);text-transform:uppercase;letter-spacing:.6px;font-size:7px;font-weight:850;display:block}.dashboard-chart-summary-item strong{color:var(--dashboard-dark);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.3px;margin-top:3px;font-size:clamp(11px,1vw,15px);font-weight:950;display:block}.dashboard-pie-layout{z-index:5;grid-template-columns:minmax(255px,.82fr) minmax(320px,1.18fr);align-items:center;gap:42px;min-height:280px;display:grid;position:relative}.dashboard-pie-wrapper{justify-content:center;justify-self:center;align-items:center;width:245px;height:245px;display:flex;position:relative}.dashboard-pie-wrapper:before{content:"";border:1px dashed #0f766e2b;border-radius:50%;animation:18s linear infinite activityOrbit;position:absolute;inset:9px}.dashboard-pie-wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a612,#0000 70%);border-radius:50%;position:absolute;inset:27px}@keyframes activityOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-pie-chart{--pie-size:190px;width:var(--pie-size);height:var(--pie-size);background:conic-gradient(#0f766e 0deg 151deg,#2563eb 151deg 234deg,#7c3aed 234deg 288deg,#ea580c 288deg 331deg,#16a34a 331deg 360deg);border-radius:50%;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,filter .35s;position:relative;transform:rotate(-8deg);box-shadow:0 18px 40px #0f172a29,inset 0 0 0 5px #ffffff52}.dashboard-pie-chart:before{content:"";border:2px solid #fffc;border-radius:50%;position:absolute;inset:-8px;box-shadow:0 0 0 1px #0f172a0d}.dashboard-pie-chart:after{content:"";background:radial-gradient(circle at 35% 25%,#fff,#f1f5f9);border-radius:50%;position:absolute;inset:50px;box-shadow:inset 0 0 22px #0f172a0f,0 4px 12px #0f172a14}.dashboard-pie-chart:hover{filter:saturate(1.08);transform:rotate(-2deg)scale(1.07);box-shadow:0 27px 57px #0f172a38,inset 0 0 0 5px #ffffff73}.dashboard-pie-hole{z-index:7;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-pie-hole strong{color:var(--dashboard-dark);font-variant-numeric:tabular-nums;font-size:clamp(17px,2vw,25px);font-weight:950;line-height:1}.dashboard-pie-hole span{color:var(--dashboard-muted);letter-spacing:1.2px;text-transform:uppercase;margin-top:6px;font-size:8px;font-weight:850}.dashboard-pie-legend{flex-direction:column;gap:9px;width:100%;padding:4px 2px;display:flex}.dashboard-pie-legend:before{content:"ACTIVITY BREAKDOWN";color:var(--dashboard-muted);letter-spacing:1px;margin:0 0 4px 3px;font-size:8px;font-weight:950;display:block}.dashboard-pie-legend-item{border:1px solid var(--dashboard-border);cursor:pointer;background:#ffffffdb;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;padding:8px 11px;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 9px #0f172a09}.dashboard-pie-legend-item:before{content:"";background:0 0;width:3px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.dashboard-pie-legend-item:hover{background:#fff;border-color:#0f766e38;transform:translate(7px)scale(1.015);box-shadow:0 11px 23px #0f172a17}.dashboard-pie-legend-item:hover:before{background:var(--dashboard-primary)}.dashboard-pie-legend-left{align-items:center;gap:10px;min-width:0;display:flex}.dashboard-pie-dot{border-radius:50%;width:11px;min-width:11px;height:11px;transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 4px #0f172a09}.dashboard-pie-legend-item:hover .dashboard-pie-dot{transform:scale(1.28);box-shadow:0 0 0 5px #0f766e14}.dashboard-pie-legend-item strong{color:var(--dashboard-text);font-size:10px;font-weight:900;display:block}.dashboard-pie-legend-item>div>span{color:var(--dashboard-muted);margin-top:2px;font-size:7px;display:block}.dashboard-pie-value{border:1px solid var(--dashboard-border);background:var(--dashboard-bg);min-width:46px;color:var(--dashboard-dark);text-align:center;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:950;transition:all .18s}.dashboard-pie-legend-item:hover .dashboard-pie-value{background:var(--dashboard-primary-light);color:var(--dashboard-primary-dark);border-color:#99f6e4;transform:scale(1.08)}.dashboard-pie-layout:has(.dashboard-pie-legend-item:first-child:hover) .dashboard-pie-chart{box-shadow:0 28px 60px #0f766e45,0 0 0 6px #0f766e1a}.dashboard-pie-layout:has(.dashboard-pie-legend-item:nth-child(2):hover) .dashboard-pie-chart{box-shadow:0 28px 60px #2563eb40,0 0 0 6px #2563eb1a}.dashboard-pie-layout:has(.dashboard-pie-legend-item:nth-child(3):hover) .dashboard-pie-chart{box-shadow:0 28px 60px #7c3aed3d,0 0 0 6px #7c3aed17}.dashboard-pie-layout:has(.dashboard-pie-legend-item:nth-child(4):hover) .dashboard-pie-chart{box-shadow:0 28px 60px #ea580c3d,0 0 0 6px #ea580c17}.dashboard-pie-layout:has(.dashboard-pie-legend-item:nth-child(5):hover) .dashboard-pie-chart{box-shadow:0 28px 60px #16a34a3d,0 0 0 6px #16a34a17}.dashboard-section:has(.welcome-card) .welcome-card{background:linear-gradient(135deg,#0f172a 0%,#172554 48%,#0f766e 100%);border:1px solid #5eead42e;border-radius:22px;min-height:185px;padding:25px 27px;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,border-color .26s;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a2e}.dashboard-section:has(.welcome-card) .welcome-card:before{content:"";background:radial-gradient(circle,#14b8a645,#14b8a60d 50%,#0000 72%);border-radius:50%;width:370px;height:370px;transition:transform .45s;position:absolute;top:-205px;right:-110px}.dashboard-section:has(.welcome-card) .welcome-card:hover:before{transform:scale(1.22)}.dashboard-section:has(.welcome-card) .welcome-card:after{content:"";background:radial-gradient(circle,#2563eb2e,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-175px;left:-135px}.dashboard-section:has(.welcome-card) .welcome-card>div{z-index:4;position:relative}.dashboard-section:has(.welcome-card) .welcome-card h2{color:#fff;margin:0 0 10px;transition:transform .2s}.dashboard-section:has(.welcome-card) .welcome-card:hover h2{transform:translate(4px)}.dashboard-section:has(.welcome-card) .welcome-card p{color:#d7f5ef;max-width:760px;margin:0;font-size:10px;line-height:1.7}.dashboard-section:has(.welcome-card) .welcome-card p+p{margin-top:7px}.dashboard-section:has(.welcome-card) .welcome-card:hover>div:after{content:"SECURE ACCESS • ROLE CONTROLLED";color:#99f6e4;letter-spacing:.75px;white-space:nowrap;opacity:0;pointer-events:none;background:#06101df5;border:1px solid #5eead43d;border-radius:999px;padding:8px 14px;font-size:8px;font-weight:900;animation:.23s forwards accountPopupIn;position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%,-5px)scale(.96);box-shadow:0 12px 30px #02061747}@keyframes accountPopupIn{0%{opacity:0;transform:translate(-50%,-5px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.dashboard-section:has(.empty-activity) .empty-activity{border:1px dashed var(--dashboard-border-dark);text-align:center;background:linear-gradient(145deg,#ffffffe0,#f8fafcf5);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:30px;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.dashboard-section:has(.empty-activity) .empty-activity:hover{background:#fff;border-color:#0f766e42;transform:translateY(-5px);box-shadow:0 18px 42px #0f172a1a}.dashboard-section:has(.empty-activity) .empty-icon{z-index:3;width:66px;height:66px;color:var(--dashboard-blue);background:linear-gradient(135deg,#dbeafe,#ccfbf1);border:1px solid #2563eb24;border-radius:19px;justify-content:center;align-items:center;margin-bottom:13px;font-size:26px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 12px 28px #2563eb1f}.dashboard-section:has(.empty-activity) .empty-activity:hover .empty-icon{transform:translateY(-3px)scale(1.1)rotate(-3deg);box-shadow:0 16px 33px #2563eb2b}.dashboard-section:has(.empty-activity) .empty-activity h3{z-index:3;color:var(--dashboard-dark);margin:0 0 6px;font-size:17px;font-weight:950;position:relative}.dashboard-section:has(.empty-activity) .empty-activity p{z-index:3;max-width:470px;color:var(--dashboard-muted);font-size:9px;line-height:1.7;position:relative}.dashboard-card{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow-sm);transition:all var(--dashboard-normal);background:#fffffff5;position:relative;overflow:hidden}.dashboard-card:hover{box-shadow:var(--dashboard-shadow-md);border-color:#0f766e2e;transform:translateY(-4px)}.dashboard-status{border-radius:999px;align-items:center;gap:6px;min-height:27px;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.dashboard-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.dashboard-status.active{background:var(--dashboard-green-light);color:var(--dashboard-green-dark)}.dashboard-status.pending{background:var(--dashboard-yellow-light);color:var(--dashboard-yellow-dark)}.dashboard-status.warning{background:var(--dashboard-orange-light);color:var(--dashboard-orange-dark)}.dashboard-status.danger{background:var(--dashboard-red-light);color:var(--dashboard-red-dark)}.dashboard-status.info{background:var(--dashboard-blue-light);color:var(--dashboard-blue-dark)}.dashboard-action-btn{border:1px solid var(--dashboard-border-dark);min-height:35px;color:var(--dashboard-text);box-shadow:var(--dashboard-shadow-xs);transition:all var(--dashboard-fast);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:9px;font-weight:850;display:inline-flex}.dashboard-action-btn:hover{border-color:var(--dashboard-primary);background:var(--dashboard-primary-soft);color:var(--dashboard-primary-dark);box-shadow:var(--dashboard-shadow-sm);transform:translateY(-2px)}.dashboard-action-btn.primary{border-color:var(--dashboard-primary);background:linear-gradient(135deg, var(--dashboard-primary), var(--dashboard-teal));color:#fff}.dashboard-scroll{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc;overflow:auto}.dashboard-scroll::-webkit-scrollbar{width:7px;height:7px}.dashboard-scroll::-webkit-scrollbar-track{background:#f8fafc}.dashboard-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1,#94a3b8);border-radius:999px}.dashboard-loading{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius-lg);background:#fff;min-height:180px;position:relative;overflow:hidden}.dashboard-loading:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.5s infinite dashboardLoading;position:absolute;inset:0;transform:translate(-100%)}@keyframes dashboardLoading{to{transform:translate(100%)}}.dashboard-table-card{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow-sm);background:#fff;position:relative;overflow:hidden}.dashboard-table-wrapper{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:900px}.dashboard-table th{border-bottom:1px solid var(--dashboard-border);color:var(--dashboard-muted);text-align:left;text-transform:uppercase;background:linear-gradient(#f8fafc,#f1f5f9);padding:12px 14px;font-size:8px;font-weight:950}.dashboard-table td{color:var(--dashboard-text);border-bottom:1px solid #edf2f7;padding:13px 14px;font-size:9px}.dashboard-table tbody tr:hover{background:#f8fafc}.notification-button{border:1px solid var(--dashboard-border);width:38px;min-width:38px;height:38px;color:var(--dashboard-muted);box-shadow:var(--dashboard-shadow-xs);transition:all var(--dashboard-fast);background:#fff;border-radius:11px;justify-content:center;align-items:center;display:flex;position:relative}.notification-button:hover{border-color:var(--dashboard-primary);background:var(--dashboard-primary-soft);color:var(--dashboard-primary);transform:translateY(-2px)}.notification-badge{background:var(--dashboard-red);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;font-size:7px;font-weight:950;display:flex;position:absolute;top:-3px;right:-3px}.dashboard-search{align-items:center;min-width:240px;display:flex;position:relative}.dashboard-search input{border:1px solid var(--dashboard-border-dark);width:100%;min-height:39px;color:var(--dashboard-text);transition:all var(--dashboard-fast);background:#fff;border-radius:10px;padding:8px 35px 8px 12px;font-size:9px}.dashboard-search input:focus{border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #0f766e14}.dashboard-search-icon{color:var(--dashboard-soft);pointer-events:none;position:absolute;right:11px}.dashboard-progress{background:#e2e8f0;border-radius:999px;width:100%;height:8px;overflow:hidden}.dashboard-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--dashboard-primary), var(--dashboard-teal));height:100%;transition:width .4s;display:block}.dashboard-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%) 0 0/400% 100%;border-radius:10px;animation:1.4s infinite dashboardSkeleton;overflow:hidden}@keyframes dashboardSkeleton{0%{background-position:100%}to{background-position:0}}@media (width<=1450px){.dashboard-main{padding-left:25px;padding-right:25px}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card h2{font-size:clamp(13px,1.05vw,18px)}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{font-size:clamp(12px,1.2vw,18px)}}@media (width<=1200px){.sidebar{width:250px}.dashboard-main{width:calc(100% - 250px);margin-left:250px;padding:23px}.quick-actions,.restaurant-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-pie-layout{grid-template-columns:1fr;gap:28px}.dashboard-pie-wrapper{margin:0 auto}.dashboard-pie-legend{max-width:600px;margin:0 auto}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{font-size:clamp(12px,1.55vw,17px)}}@media (width<=980px){.sidebar{width:225px}.dashboard-main{width:calc(100% - 225px);margin-left:225px;padding:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:13px}.user-area{width:100%}.restaurant-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{font-size:clamp(12px,1.8vw,16px)}}@media (width<=760px){.dashboard-container{display:block}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%;height:auto;min-height:auto;padding:13px;position:relative;box-shadow:0 10px 34px #0206172e}.sidebar-menu{max-height:360px}.dashboard-main{width:100%;margin-left:0;padding:17px}.statistics-grid{grid-template-columns:1fr}.quick-actions,.restaurant-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pie-layout{grid-template-columns:1fr;gap:22px}.dashboard-chart-summary{grid-template-columns:1fr}.dashboard-chart-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:27px}.dashboard-chart-card{padding:17px}.dashboard-search{width:100%;min-width:0}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{letter-spacing:-.45px;font-size:clamp(13px,3.8vw,17px)}.stat-card h2{font-size:clamp(14px,4vw,18px)}.dashboard-chart-summary-item strong{font-size:clamp(12px,3.4vw,16px)}.dashboard-section:has(.welcome-card) .welcome-card:hover>div:after{z-index:9999;white-space:normal;text-align:center;width:min(260px,100vw - 30px);max-width:calc(100vw - 30px);padding:9px 12px;line-height:1.4;animation:.22s forwards accountPopupMobile;position:fixed;top:auto;bottom:18px;left:50%}@keyframes accountPopupMobile{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}}@media (width<=540px){.dashboard-main{padding:13px}.sidebar{padding:11px}.dashboard-header{gap:10px;margin-bottom:15px;padding-bottom:13px}.dashboard-header h1{font-size:23px}.dashboard-header p{font-size:9px}.user-info{display:none}.user-area{width:auto}.dashboard-main>.welcome-card{padding:18px}.dashboard-main>.welcome-card h2{font-size:19px}.dashboard-main>.welcome-card p{font-size:9px}.stat-card{min-height:92px;padding:13px}.stat-icon{width:43px;min-width:43px;height:43px;font-size:18px}.stat-card h2{font-size:15px}.quick-actions,.restaurant-quick-actions{grid-template-columns:1fr}.quick-actions button,.restaurant-quick-btn{min-height:102px}.section-header{flex-direction:column}.dashboard-chart-card{padding:14px}.dashboard-pie-wrapper{width:205px;height:205px}.dashboard-pie-chart{--pie-size:165px}.dashboard-pie-chart:after{inset:44px}.dashboard-pie-legend-item{min-height:48px;padding:7px 9px}.dashboard-section:has(.welcome-card) .welcome-card{min-height:175px;padding:19px}.dashboard-chart-summary-item strong{font-size:14px}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{letter-spacing:-.6px;font-size:15px}}@media (width<=400px){.dashboard-main,.sidebar{padding:10px}.dashboard-header h1{font-size:21px}.dashboard-main>.welcome-card h2{font-size:18px}.quick-actions button,.restaurant-quick-btn{min-height:95px;padding:13px}.quick-actions button>span:first-child{width:37px;height:37px;font-size:16px}.dashboard-pie-wrapper{width:180px;height:180px}.dashboard-pie-chart{--pie-size:145px}.dashboard-pie-chart:after{inset:39px}.dashboard-pie-hole strong{font-size:20px}.dashboard-pie-hole span{font-size:7px}.customers-alert{margin:18px auto}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{letter-spacing:-.7px;font-size:13px}}@media print{@page{size:A4 portrait;margin:12mm}html,body{background:#fff!important}.dashboard-container{background:#fff!important;display:block!important}.sidebar{display:none!important}.dashboard-main{width:100%!important;margin:0!important;padding:0!important}.dashboard-main>.welcome-card,.stat-card,.dashboard-card,.dashboard-chart-card,.quick-actions button,.restaurant-quick-btn{box-shadow:none!important}.dashboard-section:has(.welcome-card) .welcome-card{box-shadow:none!important}.dashboard-section:has(.empty-activity) .empty-activity{box-shadow:none!important}.dashboard-container:before,.dashboard-container:after{display:none!important}.dashboard-section:has(.welcome-card) .welcome-card:hover>div:after{display:none!important}.dashboard-chart-badge:before,.dashboard-pie-wrapper:before{animation:none!important}.dashboard-financial-snapshot strong,.financial-snapshot strong,.today-sales strong,.today-sales-card strong,.dashboard-today-sales strong,.dashboard-financial-card strong,.financial-card strong,.live-financial-card strong,.live-sales-card strong{white-space:nowrap!important;text-overflow:clip!important;font-size:14px!important;overflow:visible!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition:none!important;animation:none!important}}.dashboard-message-notice{z-index:1400;color:#173758;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff7;border:1px solid #c7d9f0;border-radius:13px;grid-template-columns:30px 1fr;gap:7px 9px;width:min(308px,100vw - 28px);padding:11px 12px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 32px #15375b30}.dashboard-message-notice-icon{background:linear-gradient(135deg,#e5f1ff,#d8f4f1);border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.dashboard-message-notice strong,.dashboard-message-notice small{display:block}.dashboard-message-notice strong{padding-right:16px;font-size:12px;line-height:1.25}.dashboard-message-notice small{color:#66809a;margin-top:2px;font-size:10.5px;line-height:1.35}.dashboard-message-notice-close{color:#71869b;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1;position:absolute;top:5px;right:7px}.dashboard-message-notice-actions{grid-column:2;gap:6px;display:flex}.dashboard-message-notice-actions button{color:#315f8c;cursor:pointer;background:#f7fbff;border:1px solid #c8d9ed;border-radius:7px;padding:5px 8px;font-size:10.5px;font-weight:800}.dashboard-message-notice-actions button:first-child{color:#fff;background:linear-gradient(135deg,#236ca4,#178e99);border-color:#1d79a8}.dashboard-message-notice-actions button:hover{filter:brightness(.96);transform:translateY(-1px)}@media (width<=560px){.dashboard-message-notice{bottom:10px;right:10px}}:root{--dashboard-polish-blue:#176ec8;--dashboard-polish-blue-dark:#123f78;--dashboard-polish-red:#bd3945;--dashboard-polish-red-dark:#93303d;--dashboard-polish-green:#16845f;--dashboard-polish-green-dark:#106848;--dashboard-polish-cyan:#168ca8;--dashboard-polish-shadow:0 10px 28px #0f172a13}.dashboard-main{min-width:0;padding-top:20px}.dashboard-section{min-width:0;margin-bottom:19px}.section-header{gap:12px;margin-bottom:10px}.section-header h2{letter-spacing:-.25px;font-size:clamp(15px,1.35vw,18px)}.section-header p{max-width:720px;font-size:9px;line-height:1.5}.dashboard-header{gap:17px;margin-bottom:14px;padding-bottom:12px}.dashboard-header h1{margin-bottom:4px;font-size:clamp(23px,2.2vw,28px)}.dashboard-header p{max-width:820px;line-height:1.5}.user-area{flex:none}.dashboard-main>.welcome-card{background:radial-gradient(circle at 93% 12%,#d3444f3d,#0000 15rem),radial-gradient(circle at 72% 115%,#16845f33,#0000 16rem),linear-gradient(116deg,#123f78 0%,#176ec8 53%,#245987 78%,#7d3148 100%);border:1px solid #bfdbfe38;border-radius:16px;min-height:0;margin-bottom:15px;padding:16px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 10px 26px #123f782e,inset 0 1px #ffffff12}.dashboard-main>.welcome-card:hover{border-color:#ffffff3b;transform:translateY(-2px);box-shadow:0 15px 32px #123f783b,inset 0 1px #ffffff17}.dashboard-main>.welcome-card:before{background:radial-gradient(circle,#ffffff21,#0000 68%);width:220px;height:220px;top:-135px;right:-50px}.dashboard-main>.welcome-card:hover:before{transform:scale(1.08)}.dashboard-main>.welcome-card:after{background:radial-gradient(circle,#8ad7c224,#0000 70%);width:165px;height:165px;bottom:-128px;right:150px}.dashboard-main>.welcome-card h2{letter-spacing:-.35px;margin-bottom:5px;font-size:clamp(18px,1.65vw,21px)}.dashboard-main>.welcome-card p{color:#eef8ffe6;max-width:880px;font-size:9.5px;line-height:1.55}.dashboard-section:has(.welcome-card) .welcome-card{background:radial-gradient(circle at 92% 10%,#16845f3d,#0000 14rem),radial-gradient(circle at 12% 115%,#bd394526,#0000 16rem),linear-gradient(125deg,#0f294b 0%,#174f87 58%,#176ec8 100%);border:1px solid #bfdbfe2e;border-radius:17px;min-height:128px;padding:17px 20px;box-shadow:0 11px 28px #0f294b29}.dashboard-section:has(.welcome-card) .welcome-card:hover{border-color:#bfdbfe4d;transform:translateY(-2px);box-shadow:0 16px 34px #0f294b36}.dashboard-section:has(.welcome-card) .welcome-card:before{width:235px;height:235px;top:-145px;right:-55px}.dashboard-section:has(.welcome-card) .welcome-card:after{width:180px;height:180px;bottom:-135px;left:-90px}.dashboard-section:has(.welcome-card) .welcome-card h2{margin-bottom:6px;font-size:clamp(17px,1.55vw,20px)}.dashboard-section:has(.welcome-card) .welcome-card p{max-width:780px;font-size:9px;line-height:1.55}.dashboard-section:has(.welcome-card) .welcome-card:hover>div:after{padding:6px 11px;font-size:7px;top:calc(100% + 10px)}.statistics-grid{gap:10px;margin-bottom:17px}.stat-card{border-radius:13px;gap:10px;min-height:94px;padding:13px 14px;box-shadow:0 5px 15px #0f172a0d}.stat-card:hover{background:linear-gradient(145deg,#fff,#f5f9ff);border-color:#176ec82e;transform:translateY(-3px);box-shadow:0 13px 28px #176ec81a}.stat-card:after{background:linear-gradient(90deg, var(--dashboard-polish-blue), var(--dashboard-polish-red), var(--dashboard-polish-green));height:3px}.stat-icon{width:44px;min-width:44px;height:44px;color:var(--dashboard-polish-blue-dark);background:linear-gradient(135deg,#eaf4ff,#eaf9f3);border-radius:12px;font-size:18px}.stat-card:hover .stat-icon{transform:scale(1.06)rotate(-2deg)}.restaurant-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.restaurant-quick-btn{background:linear-gradient(145deg, #fff 0%, #fbfcff 58%, var(--operation-soft) 145%);border-color:#e1e7f0;border-radius:13px;min-height:96px;padding:13px 14px;transition:transform .19s cubic-bezier(.2,.8,.2,1),border-color .19s,box-shadow .19s,background .19s;box-shadow:0 5px 15px #0f172a0d}.restaurant-quick-btn:before{height:3px;transform:scaleX(.2)}.restaurant-quick-btn:after{opacity:.48;width:125px;height:125px;top:-55px;right:-54px}.restaurant-quick-btn:hover{border-color:color-mix(in srgb, var(--operation-accent) 56%, #fff);background:linear-gradient(145deg, #fff 0%, var(--operation-soft) 100%);box-shadow:0 13px 27px var(--operation-glow);transform:translateY(-4px)scale(1.005)}.restaurant-quick-btn:hover:after{opacity:.75;transform:scale(1.18)}.restaurant-quick-btn strong{font-size:10.5px;line-height:1.25}.restaurant-quick-btn:hover strong{transform:translate(2px)}.restaurant-quick-btn span{margin-top:3px;font-size:8px;line-height:1.4}.restaurant-quick-btn:first-child{--operation-accent:#176ec8;--operation-soft:#e7f2ff;--operation-glow:#176ec829}.restaurant-quick-btn:nth-child(2){--operation-accent:#16845f;--operation-soft:#e8f8f1;--operation-glow:#16845f29}.restaurant-quick-btn:nth-child(3){--operation-accent:#bd3945;--operation-soft:#fff0f2;--operation-glow:#bd394526}.restaurant-quick-btn:nth-child(4){--operation-accent:#d86b2c;--operation-soft:#fff3e8;--operation-glow:#d86b2c26}.restaurant-quick-btn:nth-child(5){--operation-accent:#168ca8;--operation-soft:#e8f8fb;--operation-glow:#168ca826}.restaurant-quick-btn:nth-child(6){--operation-accent:#93303d;--operation-soft:#fcecef;--operation-glow:#93303d26}.restaurant-quick-btn:nth-child(7){--operation-accent:#16845f;--operation-soft:#e8f8f1;--operation-glow:#16845f26}.restaurant-quick-btn:nth-child(8){--operation-accent:#176ec8;--operation-soft:#e7f2ff;--operation-glow:#176ec826}.restaurant-quick-primary:hover{border-color:var(--dashboard-polish-blue);background:linear-gradient(135deg,#dbeafe,#e7f2ff);box-shadow:0 15px 31px #176ec833}.restaurant-primary-btn{background:linear-gradient(135deg,#1459b5,#1b76d2);border-color:#176ec8;min-height:39px;padding:9px 14px;box-shadow:0 8px 18px #1459b533}.restaurant-primary-btn:hover{background:linear-gradient(135deg,#126b4d,#1d9a6e);border-color:#16845f;transform:translateY(-2px);box-shadow:0 11px 24px #16845f3b}.quick-actions{gap:10px}.quick-actions button{border-radius:13px;min-height:100px;padding:13px 14px}.quick-actions button:hover{transform:translateY(-4px)scale(1.005)}.dashboard-chart-card{box-shadow:var(--dashboard-polish-shadow);background:radial-gradient(circle at 95% 4%,#176ec816,#0000 18rem),radial-gradient(circle at 4% 100%,#16845f0f,#0000 17rem),linear-gradient(145deg,#fff 0%,#f9fbfe 100%);border-color:#dfe7f1;border-radius:18px;padding:16px 18px}.dashboard-chart-card:before{background:radial-gradient(circle,#176ec81c,#0000 68%);width:225px;height:225px;top:-130px;right:-100px}.dashboard-chart-card:after{background:radial-gradient(circle,#bd39450e,#0000 70%);width:185px;height:185px;bottom:-120px;left:-110px}.dashboard-chart-card:hover{border-color:#cbdced;transform:translateY(-2px);box-shadow:0 16px 34px #0f172a1a}.dashboard-chart-card:hover:before{transform:scale(1.08)}.dashboard-chart-header{gap:12px;margin-bottom:12px}.dashboard-chart-header h2{letter-spacing:-.2px;font-size:clamp(15px,1.3vw,17px)}.dashboard-chart-header p{margin-top:3px;font-size:8px}.dashboard-chart-badge{min-height:25px;padding:4px 9px}.dashboard-chart-summary{gap:8px;margin-bottom:13px}.dashboard-chart-summary-item{background:#ffffffeb;border-color:#e4eaf2;border-radius:10px;padding:8px 10px}.dashboard-chart-summary-item:hover{border-color:#bfd6ec;transform:translateY(-2px);box-shadow:0 7px 15px #176ec814}.dashboard-chart-summary-item strong{font-size:clamp(11px,.95vw,14px)}.dashboard-pie-layout{grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr);gap:24px;min-height:218px}.dashboard-pie-wrapper{width:205px;height:205px}.dashboard-pie-wrapper:before{inset:7px}.dashboard-pie-wrapper:after{inset:24px}.dashboard-pie-chart{--pie-size:160px;background:conic-gradient(#176ec8 0deg 151deg,#16845f 151deg 234deg,#bd3945 234deg 288deg,#d86b2c 288deg 331deg,#168ca8 331deg 360deg);box-shadow:0 14px 30px #0f172a21,inset 0 0 0 4px #ffffff61}.dashboard-pie-chart:after{inset:42px}.dashboard-pie-chart:hover{transform:rotate(-4deg)scale(1.045);box-shadow:0 20px 40px #0f172a2b,inset 0 0 0 4px #ffffff7a}.dashboard-pie-hole strong{font-size:clamp(15px,1.65vw,21px)}.dashboard-pie-hole span{margin-top:4px;font-size:7px}.dashboard-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;display:grid}.dashboard-pie-legend:before{grid-column:1/-1;margin-bottom:1px}.dashboard-pie-legend-item{border-radius:11px;gap:9px;min-width:0;min-height:46px;padding:7px 9px}.dashboard-pie-legend-item:hover{border-color:#c4d8eb;transform:translateY(-2px);box-shadow:0 8px 18px #176ec814}.dashboard-pie-legend-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.dashboard-pie-legend-item>div>span{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.dashboard-pie-value{min-width:42px;padding:5px 7px}.dashboard-pie-sales{background:#176ec8}.dashboard-pie-procurement{background:#16845f}.dashboard-pie-inventory{background:#bd3945}.dashboard-pie-customers{background:#d86b2c}.dashboard-pie-operations{background:#168ca8}.dashboard-main *,.restaurant-quick-actions,.quick-actions,.dashboard-chart-summary,.dashboard-pie-legend{scrollbar-width:thin;scrollbar-color:#aebed0 transparent}.restaurant-quick-actions::-webkit-scrollbar{height:6px}.quick-actions::-webkit-scrollbar{height:6px}.dashboard-chart-summary::-webkit-scrollbar{height:6px}.dashboard-pie-legend::-webkit-scrollbar{height:6px}.restaurant-quick-actions::-webkit-scrollbar-thumb{background:#aebed0;border-radius:999px}.quick-actions::-webkit-scrollbar-thumb{background:#aebed0;border-radius:999px}.dashboard-chart-summary::-webkit-scrollbar-thumb{background:#aebed0;border-radius:999px}.dashboard-pie-legend::-webkit-scrollbar-thumb{background:#aebed0;border-radius:999px}@media (width<=1280px){.dashboard-main{padding-left:21px;padding-right:21px}.restaurant-quick-actions,.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-pie-layout{grid-template-columns:minmax(185px,.68fr) minmax(0,1.32fr);gap:18px}.dashboard-pie-wrapper{width:190px;height:190px}.dashboard-pie-chart{--pie-size:150px}.dashboard-pie-chart:after{inset:39px}}@media (width<=1040px){.dashboard-main>.welcome-card{padding:15px 18px}.restaurant-quick-actions,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pie-layout{grid-template-columns:1fr;gap:13px;min-height:0}.dashboard-pie-wrapper{width:185px;height:185px;margin:0 auto}.dashboard-pie-chart{--pie-size:145px}.dashboard-pie-chart:after{inset:38px}.dashboard-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}}@media (width<=760px){.dashboard-main{padding:14px}.dashboard-section{margin-bottom:16px}.dashboard-header{gap:9px;margin-bottom:12px;padding-bottom:10px}.dashboard-header h1{font-size:23px}.dashboard-main>.welcome-card{border-radius:14px;margin-bottom:12px;padding:14px 15px}.dashboard-main>.welcome-card h2{font-size:18px}.dashboard-main>.welcome-card p{font-size:9px}.dashboard-section:has(.welcome-card) .welcome-card{border-radius:15px;min-height:0;padding:15px}.sidebar{padding:11px}.sidebar-menu{max-height:250px}.statistics-grid{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;gap:10px;margin-right:-14px;padding:1px 14px 8px 1px;display:flex;overflow:auto hidden}.stat-card{scroll-snap-align:start;flex:0 0 min(76vw,260px);min-height:90px}.quick-actions{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;gap:10px;margin-right:-14px;padding:1px 14px 9px 1px;display:flex;overflow:auto hidden}.quick-actions button{scroll-snap-align:start;flex:0 0 min(77vw,275px);min-height:94px}.restaurant-quick-actions{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;gap:10px;margin-right:-14px;padding:1px 14px 9px 1px;display:flex;overflow:auto hidden}.restaurant-quick-btn{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 min(78vw,280px);min-height:94px}.restaurant-quick-btn:hover,.quick-actions button:hover,.stat-card:hover{transform:none}.dashboard-chart-card{border-radius:15px;padding:13px}.dashboard-chart-header{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:10px}.dashboard-chart-summary{scroll-snap-type:x proximity;gap:8px;margin-bottom:11px;margin-right:-13px;padding:1px 13px 7px 1px;display:flex;overflow:auto hidden}.dashboard-chart-summary-item{scroll-snap-align:start;flex:0 0 min(56vw,185px)}.dashboard-pie-layout{gap:11px}.dashboard-pie-wrapper{width:175px;height:175px}.dashboard-pie-chart{--pie-size:138px}.dashboard-pie-chart:after{inset:36px}.dashboard-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.dashboard-pie-legend-item{min-height:44px;padding:7px 8px}.dashboard-section:has(.welcome-card) .welcome-card:hover>div:after{display:none}}@media (width<=520px){.dashboard-main{padding:11px}.dashboard-header h1{font-size:21px}.dashboard-main>.welcome-card{padding:13px 14px}.dashboard-main>.welcome-card h2{font-size:17px}.dashboard-main>.welcome-card p{line-height:1.45}.section-header{gap:5px}.statistics-grid,.quick-actions,.restaurant-quick-actions{margin-right:-11px;padding-right:11px}.stat-card{flex-basis:min(82vw,255px)}.quick-actions button,.restaurant-quick-btn{flex-basis:min(84vw,270px)}.dashboard-chart-card{padding:12px}.dashboard-pie-wrapper{width:160px;height:160px}.dashboard-pie-chart{--pie-size:126px}.dashboard-pie-chart:after{inset:33px}.dashboard-pie-legend{scroll-snap-type:x proximity;margin-right:-12px;padding:1px 12px 7px 1px;display:flex;overflow:auto hidden}.dashboard-pie-legend:before{display:none}.dashboard-pie-legend-item{scroll-snap-align:start;flex:0 0 min(72vw,225px)}.restaurant-primary-btn{width:100%}}@media (width<=390px){.dashboard-main{padding:9px}.dashboard-main>.welcome-card{padding:12px}.stat-card{flex-basis:86vw}.quick-actions button,.restaurant-quick-btn{flex-basis:87vw}.dashboard-pie-wrapper{width:150px;height:150px}.dashboard-pie-chart{--pie-size:118px}.dashboard-pie-chart:after{inset:31px}}@media (hover:none){.dashboard-main>.welcome-card:hover,.dashboard-chart-card:hover,.dashboard-pie-chart:hover,.dashboard-pie-legend-item:hover,.restaurant-quick-btn:hover,.quick-actions button:hover,.stat-card:hover{transform:none}.dashboard-section:has(.welcome-card) .welcome-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.statistics-grid,.quick-actions,.restaurant-quick-actions,.dashboard-chart-summary,.dashboard-pie-legend{scroll-behavior:auto}}.dashboard-header-tools{z-index:20;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.dashboard-module-search{width:min(360px,36vw);min-width:220px;position:relative}.dashboard-module-search-input-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;align-items:center;min-height:40px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 7px 18px #0b244c1f}.dashboard-module-search-input-wrap:hover{background:#ffffff2b;border-color:#fff6;transform:translateY(-1px)}.dashboard-module-search.is-focused .dashboard-module-search-input-wrap{background:#fff3;border-color:#93c5fdd1;box-shadow:0 0 0 3px #60a5fa21,0 10px 22px #0b244c2e}.dashboard-module-search-icon{pointer-events:none;flex:none;padding-left:11px;font-size:14px}.dashboard-module-search input{color:#fff;width:100%;min-width:0;height:40px;font:inherit;background:0 0;border:0;outline:0;padding:8px 34px 8px 8px;font-size:12px;font-weight:650}.dashboard-module-search input::placeholder{color:#e9f2ffb8}.dashboard-module-search input::-webkit-search-cancel-button{display:none}.dashboard-module-search-clear{color:#ffffffd6;cursor:pointer;background:#ffffff1c;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;font-size:17px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.dashboard-module-search-clear:hover{color:#fff;background:#c53c46e6}.dashboard-module-search-results{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;background:#fffffffa;border:1px solid #dbe5ef;border-radius:14px;width:min(410px,100vw - 30px);max-height:430px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 22px 55px #0f172a38}.dashboard-module-search-result{color:#26364b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:flex}.dashboard-module-search-result:hover{color:#124f91;background:linear-gradient(135deg,#eaf4ff,#edf8f3);transform:translate(2px);box-shadow:inset 3px 0 #176ec8}.dashboard-module-search-result-icon{background:linear-gradient(135deg,#e8f3ff,#eaf8f2);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.dashboard-module-search-result-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.dashboard-module-search-result-copy strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:11.75px;font-weight:850;overflow:hidden}.dashboard-module-search-result-copy small{color:#75869a;text-transform:uppercase;margin-top:2px;font-size:9.75px;font-weight:700}.dashboard-module-search-result-arrow{color:#7d8fa2;font-size:15px;transition:transform .15s,color .15s}.dashboard-module-search-result:hover .dashboard-module-search-result-arrow{color:#16845f;transform:translate(2px)}.dashboard-module-search-empty{color:#6c7c8e;text-align:center;padding:17px 14px;font-size:11px;font-weight:650}@media (width<=1000px){.dashboard-header-tools{flex-direction:column-reverse;align-items:stretch;width:100%}.dashboard-module-search{width:100%;min-width:0}.dashboard-module-search-results{width:100%;left:0;right:auto}}@media (width<=600px){.dashboard-module-search-input-wrap,.dashboard-module-search input{height:38px;min-height:38px}.dashboard-module-search-result{padding:8px 9px}.dashboard-module-search-result-icon{flex-basis:31px;width:31px;height:31px}}.dashboard-module-finder{z-index:25;background:radial-gradient(circle at 94% 0,#16845f14,#0000 15rem),radial-gradient(circle at 3% 100%,#c53c460e,#0000 13rem),linear-gradient(135deg,#fff 0%,#f4f9ff 100%);border:1px solid #cbdceb;border-radius:15px;width:100%;min-width:0;margin:0 0 15px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:visible;box-shadow:0 8px 23px #173e6212}.dashboard-module-finder:hover{border-color:#a9c8e3;box-shadow:0 11px 27px #176ec817}.dashboard-module-finder:before{content:"";background:linear-gradient(#176ec8 0% 46%,#16845f 72%,#c53c46 100%);border-radius:15px 0 0 15px;width:4px;position:absolute;top:0;bottom:0;left:0}.dashboard-module-finder-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:11px;display:flex}.dashboard-module-finder-heading>div{min-width:0}.dashboard-module-finder-heading .eyebrow{color:#176ec8;margin-bottom:3px}.dashboard-module-finder-heading h2{color:#18334d;letter-spacing:-.45px;margin:0;font-size:clamp(17px,1.7vw,21px);font-weight:900;line-height:1.18}.dashboard-module-finder-heading p{color:#687c90;max-width:760px;margin:4px 0 0;font-size:10.5px;font-weight:500;line-height:1.45}.dashboard-module-finder-count{color:#1765a8;white-space:nowrap;background:#eef7ff;border:1px solid #c8dff2;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:9.75px;font-weight:850;display:inline-flex}.dashboard-module-finder-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;display:grid}.dashboard-module-finder-input-wrap{background:#fff;border:1px solid #c8d8e7;border-radius:11px;align-items:center;min-width:0;min-height:43px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a06}.dashboard-module-finder-input-wrap:hover{background:#fcfeff;border-color:#90b9de}.dashboard-module-finder-form.is-focused .dashboard-module-finder-input-wrap{background:#fff;border-color:#176ec8;box-shadow:0 0 0 3px #176ec81c}.dashboard-module-finder-icon{color:#176ec8;pointer-events:none;flex:none;padding-left:12px;font-size:15px}.dashboard-module-finder-input-wrap input{width:100%;min-width:0;height:43px;font:inherit;padding:8px 38px 8px 9px;color:#20364c!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;font-size:12px!important;font-weight:650!important}.dashboard-module-finder-input-wrap input::placeholder{opacity:1;color:#8b9bab!important}.dashboard-module-finder-input-wrap input::-webkit-search-cancel-button{display:none}.dashboard-module-finder-clear{color:#617489;cursor:pointer;background:#edf2f7;border:0;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;font-size:17px;font-weight:700;transition:background .15s,color .15s,transform .15s;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.dashboard-module-finder-clear:hover{color:#fff;background:#c53c46;transform:translateY(-50%)scale(1.04)}.dashboard-module-finder-button{color:#fff;min-width:142px;min-height:43px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#176ec8,#1459b5);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:11.5px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 7px 16px #176ec833}.dashboard-module-finder-button:not(:disabled):hover{background:linear-gradient(135deg,#16845f,#1a9a70);transform:translateY(-2px);box-shadow:0 10px 21px #16845f3b}.dashboard-module-finder-button:not(:disabled):active{transform:translateY(0)scale(.98)}.dashboard-module-finder-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.dashboard-module-search-examples{flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;display:flex}.dashboard-module-search-examples>span{color:#74869a;margin-right:2px;font-size:9.5px;font-weight:800}.dashboard-module-search-examples button{color:#536a82;cursor:pointer;background:#fff;border:1px solid #d7e3ef;border-radius:999px;min-height:25px;padding:4px 8px;font-size:9px;font-weight:750;transition:background .15s,border-color .15s,color .15s,transform .15s}.dashboard-module-search-examples button:hover{color:#1765a8;background:#edf7ff;border-color:#92bfe3;transform:translateY(-1px)}.dashboard-module-finder-results{border-top:1px solid #e2ebf3;margin-top:11px;padding-top:11px}.dashboard-module-finder-results-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.dashboard-module-finder-results-heading strong{color:#30485f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;font-weight:850;overflow:hidden}.dashboard-module-finder-results-heading span{color:#718499;flex:none;font-size:9.5px;font-weight:700}.dashboard-module-finder-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.dashboard-module-finder-result{color:#2a4055;text-align:left;cursor:pointer;background:linear-gradient(135deg,#fff,#fafcff);border:1px solid #dde7f0;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:8px 9px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex}.dashboard-module-finder-result:hover{background:linear-gradient(135deg,#edf7ff,#f1fbf6);border-color:#99c3e3;transform:translateY(-1px);box-shadow:inset 3px 0 #176ec8,0 7px 15px #176ec814}.dashboard-module-finder-result-icon{background:linear-gradient(135deg,#e7f2ff,#eaf8f2);border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.dashboard-module-finder-result-copy{flex-direction:column;flex:auto;min-width:0;display:flex}.dashboard-module-finder-result-copy strong{color:#263d53;text-overflow:ellipsis;white-space:nowrap;font-size:10.75px;font-weight:850;overflow:hidden}.dashboard-module-finder-result-copy small{color:#8493a3;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:8.5px;font-weight:750}.dashboard-module-finder-result-open{color:#176ec8;white-space:nowrap;flex:none;font-size:9px;font-weight:850;transition:color .15s,transform .15s}.dashboard-module-finder-result:hover .dashboard-module-finder-result-open{color:#16845f;transform:translate(2px)}.dashboard-module-finder-empty{background:#fbfcfe;border:1px dashed #d8e3ed;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.dashboard-module-finder-empty>span{font-size:19px}.dashboard-module-finder-empty strong{color:#394e63;font-size:10.75px;display:block}.dashboard-module-finder-empty p{color:#7a8c9f;margin:2px 0 0;font-size:9.5px;line-height:1.4}.dashboard-module-finder input:focus-visible,.dashboard-module-finder button:focus-visible{outline-offset:2px;outline:3px solid #176ec82e}@media (width<=800px){.dashboard-module-finder{margin-bottom:12px;padding:13px}.dashboard-module-finder-form{grid-template-columns:1fr}.dashboard-module-finder-button{width:100%;min-height:40px}.dashboard-module-finder-results-grid{grid-template-columns:1fr}}@media (width<=520px){.dashboard-module-finder{border-radius:13px;padding:11px}.dashboard-module-finder-heading{flex-direction:column;align-items:stretch;gap:7px}.dashboard-module-finder-count{align-self:flex-start}.dashboard-module-finder-input-wrap,.dashboard-module-finder-input-wrap input{height:40px;min-height:40px}.dashboard-module-search-examples{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.dashboard-module-search-examples button{flex:none}.dashboard-module-finder-results-heading{flex-direction:column;align-items:flex-start;gap:3px}.dashboard-module-finder-result{padding:7px 8px}.dashboard-module-finder-result-icon{flex-basis:31px;width:31px;height:31px}}@media (hover:none){.dashboard-module-finder-button:hover,.dashboard-module-search-examples button:hover,.dashboard-module-finder-result:hover{transform:none}}.dashboard-collapsible-section{background:linear-gradient(135deg,#fffffffa,#f7fafdfa);border:1px solid #d9e4ee;border-radius:15px;transition:border-color .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 7px 19px #1839560d}.dashboard-collapsible-section:hover{border-color:#bfd3e5;box-shadow:0 10px 24px #176ec813}.dashboard-collapsible-section.is-open{background:linear-gradient(135deg,#fff,#f5f9fd);border-color:#b8cee2;box-shadow:0 11px 27px #176ec816}.dashboard-collapsible-header{border-bottom:0!important;margin:0!important;padding:13px 14px!important}.dashboard-collapsible-section.is-open .dashboard-collapsible-header{border-bottom:1px solid #e4ebf2!important}.dashboard-collapsible-header h2{font-size:clamp(16px,1.55vw,20px)}.dashboard-collapsible-header p{max-width:680px;margin-top:4px;font-size:10.5px;line-height:1.45}.dashboard-collapsible-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:7px;display:flex}.dashboard-collapsible-actions .restaurant-primary-btn,.dashboard-toggle-tools-btn{white-space:nowrap;border-radius:9px!important;min-height:34px!important;padding:7px 11px!important;font-size:10.75px!important;font-weight:850!important}.dashboard-toggle-tools-btn{color:#1765a8;cursor:pointer;background:linear-gradient(135deg,#edf6ff,#f4f8fd);border:1px solid #c4d8ea;justify-content:center;align-items:center;gap:6px;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px 12px #176ec814}.dashboard-toggle-tools-btn:hover{color:#fff;background:linear-gradient(135deg,#16845f,#1b9b70);border-color:#16845f;transform:translateY(-1px);box-shadow:0 8px 17px #16845f33}.dashboard-toggle-tools-btn.is-open{color:#ae3540;background:linear-gradient(135deg,#fff0f2,#fff7f8);border-color:#e1b7bc}.dashboard-toggle-tools-btn.is-open:hover{color:#fff;background:linear-gradient(135deg,#c53c46,#a72f39);border-color:#c53c46;box-shadow:0 8px 17px #c53c4633}.dashboard-toggle-tools-btn>span{font-size:9px;transition:transform .16s}.dashboard-toggle-tools-btn:hover>span{transform:translateY(1px)}.dashboard-collapsible-content{padding:0 14px 14px;animation:.19s ease-out dashboard-tools-reveal}@keyframes dashboard-tools-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dashboard-collapsible-content .restaurant-quick-actions{margin-top:0}@media (width<=760px){.dashboard-collapsible-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.dashboard-collapsible-actions{justify-content:flex-start;width:100%}.dashboard-collapsible-actions .restaurant-primary-btn,.dashboard-toggle-tools-btn{flex:160px}}@media (width<=520px){.dashboard-collapsible-header{padding:11px!important}.dashboard-collapsible-content{padding:0 11px 11px}.dashboard-collapsible-actions{flex-direction:column}.dashboard-collapsible-actions .restaurant-primary-btn,.dashboard-toggle-tools-btn{width:100%;min-height:34px!important}}@media (prefers-reduced-motion:reduce){.dashboard-collapsible-content{animation:none}}.dashboard-sidebar-toggle{color:#143b60;min-height:38px;font:inherit;cursor:pointer;background:#ffffffd6;border:1px solid #c9daea;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:0 13px;font-size:.76rem;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 7px 18px #123f7814}.dashboard-sidebar-toggle:hover{background:#e9f8ff;transform:translateY(-2px);box-shadow:0 11px 22px #123f7829}@media (width>=761px){.sidebar{transition:transform .24s,box-shadow .24s}.dashboard-container.sidebar-collapsed .sidebar{box-shadow:none;transform:translate(-104%)}.dashboard-container.sidebar-collapsed .dashboard-main{width:100%;margin-left:0;padding-left:clamp(20px,3vw,42px)}}@media (width<=760px){.dashboard-sidebar-toggle{min-height:34px;padding:0 10px;font-size:.69rem}}.dashboard-section-bar{scrollbar-width:thin;background:linear-gradient(105deg,#f8fbff,#eef7ff);border:1px solid #d4e3f1;border-radius:13px;align-items:center;gap:7px;margin:0 0 12px;padding:8px 10px;display:flex;overflow-x:auto;box-shadow:0 7px 17px #143c640e}.dashboard-section-bar-label{color:#53728e;letter-spacing:.08em;text-transform:uppercase;flex:none;margin:0 3px 0 1px;font-size:.68rem;font-weight:900}.dashboard-section-bar button{isolation:isolate;color:#285a82;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfdfed;border-radius:9px;flex:none;padding:0 10px;font-size:.75rem;font-weight:850;transition:transform .16s,border-color .16s,box-shadow .16s,color .16s;position:relative;overflow:hidden}.dashboard-section-bar button span{margin-right:4px}.dashboard-section-bar button:after{z-index:-1;content:"";opacity:0;background:radial-gradient(circle,#fff 0 12%,#ffd36b 23%,#ef8b25 51%,#176fbb 72%);border-radius:50%;width:4px;height:4px;transition:transform .3s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.dashboard-section-bar button:hover,.dashboard-section-bar button:focus-visible{color:#fff;border-color:#d78426;transform:translateY(-1px);box-shadow:0 8px 18px #d16a183b}.dashboard-section-bar button:hover:after,.dashboard-section-bar button:focus-visible:after{opacity:1;transform:translate(-50%,-50%)scale(31)}.company-command-centre{background:linear-gradient(140deg,#fff,#f5faff);border:1px solid #d5e4f1;border-radius:15px;margin:0 0 15px;padding:14px;box-shadow:0 9px 24px #153b6211}.company-command-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.company-command-heading h2{color:#173d61;margin:3px 0 2px;font-size:1.05rem}.company-command-heading p{color:#698097;margin:0;font-size:.76rem;line-height:1.35}.company-command-refresh{color:#1e618d;min-height:32px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdd3e7;border-radius:9px;flex:none;padding:0 11px;font-size:.73rem;font-weight:850;transition:transform .16s,background .16s,color .16s,box-shadow .16s}.company-command-refresh:hover{color:#fff;background:#186fae;transform:translateY(-1px);box-shadow:0 7px 15px #186fae38}.company-command-totals{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.company-total-card,.department-sales-card{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e6f1;transition:transform .16s,box-shadow .16s,border-color .16s}.company-total-card{border-radius:11px;min-height:94px;padding:11px}.company-total-card span,.company-total-card small{color:#6b8298;font-size:.67rem;line-height:1.3;display:block}.company-total-card span{text-transform:uppercase;letter-spacing:.04em;font-weight:900}.company-total-card strong{color:#183d61;margin:7px 0 3px;font-size:1rem;line-height:1.1;display:block}.company-total-primary{background:linear-gradient(145deg,#eaf9ff,#fff);border-color:#a9d5e8}.company-total-primary strong{color:#0b7398}.company-total-alert{background:linear-gradient(145deg,#fff8ed,#fff);border-color:#f0d3b1}.company-total-alert strong{color:#be6720}.company-total-card:hover,.department-sales-card:hover{border-color:#3c91c8;transform:translateY(-2px);box-shadow:0 8px 17px #18568a1c}.department-sales-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.department-sales-card{color:#59738c;border-radius:10px;min-height:66px;padding:10px 10px 10px 37px;font-size:.71rem;font-weight:850;position:relative}.department-sales-card strong{color:#1b486e;margin-top:4px;font-size:.91rem;display:block}.department-sales-icon{font-size:1.05rem;position:absolute;top:12px;left:10px}.company-command-centre~.statistics-grid,.company-command-centre~.dashboard-collapsible-section{display:none}@media (width<=1040px){.company-command-totals,.department-sales-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.company-command-centre{padding:12px}.company-command-heading{flex-direction:column}.company-command-refresh{width:100%}.company-command-totals,.department-sales-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-section-bar button,.company-command-refresh,.company-total-card,.department-sales-card{transition:none}}.dashboard-financial-analytics{overflow:hidden}.dashboard-analytics-row{z-index:5;grid-template-columns:minmax(0,1.08fr) minmax(0,.96fr) minmax(0,.96fr);gap:14px;width:100%;min-width:0;display:grid;position:relative}.dashboard-analytics-panel{background:linear-gradient(145deg,#fffffffa,#f7fafdfa);border:1px solid #dbe5ef;border-radius:15px;min-width:0;min-height:330px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 6px 18px #0f172a0e}.dashboard-analytics-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb13,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-77px;right:-72px}.dashboard-analytics-panel:hover{border-color:#bfd3e6;transform:translateY(-3px);box-shadow:0 13px 28px #0f172a17}.dashboard-mini-chart-heading{z-index:4;border-bottom:1px solid #e7edf4;justify-content:space-between;align-items:flex-start;gap:10px;min-height:44px;margin-bottom:10px;padding-bottom:9px;display:flex;position:relative}.dashboard-mini-chart-heading>div{min-width:0}.dashboard-chart-type{color:#55728d;letter-spacing:.9px;text-transform:uppercase;margin-bottom:3px;font-size:7px;font-weight:950;line-height:1;display:block}.dashboard-mini-chart-heading h3{color:#183d61;letter-spacing:-.2px;margin:0;font-size:13px;font-weight:950;line-height:1.2}.dashboard-mini-chart-icon{color:#176ec8;background:linear-gradient(145deg,#fff,#edf6fc);border:1px solid #cfe0ee;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:950;display:inline-flex;box-shadow:0 4px 10px #176ec814}.dashboard-pie-panel .dashboard-pie-layout{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-height:250px;display:flex}.dashboard-pie-panel .dashboard-pie-wrapper{flex:0 0 155px;width:155px;height:155px}.dashboard-pie-panel .dashboard-pie-chart{--pie-size:124px}.dashboard-pie-panel .dashboard-pie-chart:after{inset:33px}.dashboard-pie-panel .dashboard-pie-center strong,.dashboard-pie-panel .dashboard-pie-hole strong{font-size:12px}.dashboard-pie-panel .dashboard-pie-center span,.dashboard-pie-panel .dashboard-pie-hole span{font-size:6.5px}.dashboard-pie-panel .dashboard-pie-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;display:grid}.dashboard-pie-panel .dashboard-pie-legend-item{border-radius:9px;min-width:0;min-height:39px;padding:5px 7px}.dashboard-pie-panel .dashboard-pie-legend-item strong{font-size:8px}.dashboard-pie-panel .dashboard-pie-legend-item>div>span{font-size:6.5px}.dashboard-pie-panel .dashboard-pie-value{min-width:34px;padding:4px 5px;font-size:7px}.dashboard-bar-chart{height:250px;padding:25px 4px 0;position:relative;overflow:hidden}.dashboard-bar-grid-line{pointer-events:none;background:repeating-linear-gradient(90deg,#dfe8f1 0 4px,#0000 4px 8px);height:1px;position:absolute;left:5px;right:5px}.dashboard-bar-grid-1{top:50px}.dashboard-bar-grid-2{top:93px}.dashboard-bar-grid-3{top:136px}.dashboard-bar-grid-4{top:179px}.dashboard-bars{z-index:3;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:7px;height:100%;display:grid;position:relative}.dashboard-bar-column{flex-direction:column;align-items:center;min-width:0;height:100%;display:flex}.dashboard-bar-value{color:#49667f;text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:flex-end;width:100%;min-height:24px;margin-bottom:4px;font-size:6.3px;font-weight:850;display:flex;overflow:hidden}.dashboard-bar-track{background:linear-gradient(#e2e8f052,#e2e8f0b3);border-radius:7px 7px 3px 3px;align-items:flex-end;width:100%;max-width:32px;height:165px;display:flex;position:relative;overflow:hidden}.dashboard-bar-fill{transform-origin:bottom;border-radius:6px 6px 2px 2px;width:100%;min-height:5px;transition:height .45s,filter .2s,transform .2s;box-shadow:0 -5px 13px #2563eb17}.dashboard-bar-column:hover .dashboard-bar-fill{filter:brightness(1.08);transform:scaleX(1.08)}.dashboard-bar-label{color:#5e748a;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:7px;font-size:6.5px;font-weight:850;overflow:hidden}.dashboard-line-chart{min-height:250px;padding-top:10px;position:relative}.dashboard-line-chart svg{width:100%;height:175px;display:block;overflow:visible}.dashboard-line-grid{stroke:#dfe8f1;stroke-width:1px;stroke-dasharray:6 7}.dashboard-line-area{pointer-events:none}.dashboard-line-path{stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 4px #2563eb21)}.dashboard-line-point{stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 3px 3px #0f172a29)}.dashboard-line-labels{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.dashboard-line-label{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.dashboard-line-label>span{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #94a3b81a}.dashboard-line-label strong{color:#49667f;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:6.4px;font-weight:900;overflow:hidden}.dashboard-line-label small{color:#75899c;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:5.8px;font-weight:750;overflow:hidden}@media (width<=1350px){.dashboard-analytics-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-analytics-panel{padding:11px}.dashboard-bar-track{max-width:27px}}@media (width<=1100px){.dashboard-analytics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pie-panel{grid-column:1/-1}.dashboard-pie-panel .dashboard-pie-layout{grid-template-columns:180px minmax(0,1fr);width:100%;display:grid}}@media (width<=720px){.dashboard-analytics-row{grid-template-columns:1fr}.dashboard-pie-panel{grid-column:auto}.dashboard-pie-panel .dashboard-pie-layout{flex-direction:column;display:flex}.dashboard-analytics-panel{min-height:300px}}@media (width<=480px){.dashboard-financial-analytics{padding:14px 10px}.dashboard-analytics-panel{padding:10px}.dashboard-pie-panel .dashboard-pie-legend{grid-template-columns:1fr}.dashboard-bar-value{font-size:5.5px}.dashboard-bar-label{font-size:5.8px}.dashboard-line-label small{display:none}}.dashboard-header-account{justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.dashboard-top-logout{isolation:isolate;cursor:pointer;color:#fff;min-height:46px;font:inherit;letter-spacing:.015em;background:linear-gradient(135deg,#075bc9 0%,#1478e7 42%,#5438ce 100%);border:1px solid #68acff6b;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.86rem;font-weight:800;transition:transform .22s,color .22s,border-color .22s,background .28s,box-shadow .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #175ecc40,inset 0 1px #fff3}.dashboard-top-logout:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff75,#0000);width:48px;height:240%;transition:left .55s;position:absolute;top:-70%;left:-70px;transform:rotate(18deg)}.dashboard-top-logout:hover{color:#fff8f3;background:linear-gradient(135deg,#7c2d12 0%,#a83924 45%,#c2412d 100%);border-color:#ffb9979e;transform:translateY(-3px);box-shadow:0 15px 30px #8f341f4f,0 0 0 4px #c2412d12}.dashboard-top-logout:hover:before{left:calc(100% + 28px)}.dashboard-top-logout:active{transform:translateY(-1px)scale(.98)}.dashboard-top-logout-icon{background:#ffffff24;border-radius:8px;place-items:center;width:26px;height:26px;transition:transform .22s,background .22s;display:inline-grid}.dashboard-top-logout:hover .dashboard-top-logout-icon{background:#fff3;transform:translate(3px)rotate(-5deg)}.dashboard-header-account .user-area{border-color:#5597eb2e;margin-left:0;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 7px 18px #19417a12}.dashboard-header-account .user-area:hover{border-color:#3179de4f;transform:translateY(-2px);box-shadow:0 11px 25px #19417a1f}.dashboard-module-finder{transition:transform .24s,border-color .24s,box-shadow .24s,background .3s;position:relative;overflow:visible;background:radial-gradient(circle at 92% 8%,#5470ff24,#0000 24rem),linear-gradient(135deg,#eff7ff 0%,#f7fbff 42%,#eef3ff 100%)!important;border:1px solid #307bdc38!important;box-shadow:0 18px 42px #2451911c,inset 0 1px #ffffffeb!important}.dashboard-module-finder:hover{transform:translateY(-3px);background:radial-gradient(circle at 92% 8%,#ca4d2b1f,#0000 24rem),linear-gradient(135deg,#fff8f2 0%,#fffaf6 46%,#fff1eb 100%)!important;border-color:#ac492d57!important;box-shadow:0 22px 48px #7a3d2a21,0 0 0 4px #b1482b09!important}.dashboard-module-finder .eyebrow{color:#1764c0!important}.dashboard-module-finder h2{color:#123d74!important}.dashboard-module-finder:hover .eyebrow{color:#a63d25!important}.dashboard-module-finder:hover h2{color:#702d1d!important}.dashboard-module-finder-count{box-shadow:0 8px 18px #265ec533;color:#fff!important;background:linear-gradient(135deg,#1167cf,#315be5 56%,#6344cf)!important;border-color:#ffffff40!important}.dashboard-module-finder:hover .dashboard-module-finder-count{box-shadow:0 8px 18px #82351f33;background:linear-gradient(135deg,#7f321d,#aa432b 55%,#c4553b)!important}.dashboard-module-finder-input-wrap{transition:transform .2s,border-color .2s,box-shadow .2s;background:#fff!important;border-color:#2c73d547!important;box-shadow:inset 0 1px #fffffff2,0 8px 20px #1b4d8d12!important}.dashboard-module-finder-input-wrap:hover{transform:translateY(-1px);border-color:#206cd47a!important}.dashboard-module-finder-form.is-focused .dashboard-module-finder-input-wrap,.dashboard-module-finder-input-wrap:focus-within{border-color:#2670d8!important;box-shadow:0 0 0 4px #2670d81c,0 12px 25px #1b4d8d1c!important}.dashboard-module-finder-button{transition:transform .2s,background .25s,border-color .2s,box-shadow .2s,filter .2s;color:#fff!important;background:linear-gradient(135deg,#075bc9 0%,#1479e7 43%,#5e3bce 100%)!important;border-color:#4695ff57!important;box-shadow:0 10px 22px #1d5bc438!important}.dashboard-module-finder-button:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-3px);color:#fff!important;background:linear-gradient(135deg,#783019 0%,#a44127 50%,#bf4c32 100%)!important;border-color:#ffb9978a!important;box-shadow:0 14px 28px #8d351e45!important}.dashboard-module-search-examples button{transition:transform .18s,color .18s,border-color .18s,background .18s;color:#18599f!important;background:#ffffffc7!important;border-color:#2a6fcb33!important}.dashboard-module-search-examples button:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#81351f,#b24830)!important;border-color:#9b432c!important}.dashboard-main>.welcome-card{transition:transform .28s,border-color .28s,background .38s,box-shadow .28s;color:#fff!important;background:radial-gradient(circle at 83% 18%,#61c2ff38,#0000 25rem),radial-gradient(circle at 18% 118%,#6c44ff3d,#0000 27rem),linear-gradient(120deg,#063f93 0%,#0c69c8 43%,#2345a7 72%,#563599 100%)!important;border-color:#77b7ff4a!important;box-shadow:0 20px 45px #0c469638,inset 0 1px #ffffff26!important}.dashboard-main>.welcome-card:hover{transform:translateY(-5px);background:radial-gradient(circle at 83% 18%,#ff855b2e,#0000 25rem),radial-gradient(circle at 18% 118%,#7a2c1c3d,#0000 27rem),linear-gradient(120deg,#542414 0%,#7e2f1d 42%,#a33b27 72%,#6d251c 100%)!important;border-color:#ffb18c5e!important;box-shadow:0 24px 52px #6c2b1a45,inset 0 1px #ffffff24!important}.dashboard-main>.welcome-card .eyebrow,.dashboard-main>.welcome-card h2,.dashboard-main>.welcome-card p{color:#fff!important}.dashboard-main>.welcome-card p{color:#f4f9ffe0!important}.dashboard-main>.welcome-card:hover p{color:#fff4eee6!important}.dashboard-section-bar{transition:transform .24s,background .3s,border-color .24s,box-shadow .24s;background:linear-gradient(100deg,#eaf4ff 0%,#edf2ff 52%,#f4efff 100%)!important;border-color:#4b94ec45!important;box-shadow:0 11px 28px #204e8f17!important}.dashboard-section-bar:hover{transform:translateY(-2px);background:linear-gradient(100deg,#fff2eb 0%,#fff7f2 48%,#fcece6 100%)!important;border-color:#a3462b4d!important;box-shadow:0 14px 30px #7536241c!important}.dashboard-section-bar button{transition:transform .18s,color .18s,border-color .18s,background .18s,box-shadow .18s}.dashboard-section-bar button:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#7d321d 0%,#a64129 55%,#bd4c33 100%)!important;border-color:#7f2e1a8c!important;box-shadow:0 9px 19px #7e2f1c33!important}.dashboard-logout-overlay{z-index:100000;-webkit-backdrop-filter:blur(10px)saturate(1.06);background:#030c1fb0;place-items:center;padding:20px;animation:.18s both dashboardLogoutOverlayIn;display:grid;position:fixed;inset:0;overflow-y:auto}.dashboard-logout-card{text-align:center;background:radial-gradient(circle at 50% -20%,#3e7cff1f,#0000 18rem),linear-gradient(#fff 0%,#f7faff 100%);border:1px solid #6c9cec4a;border-radius:23px;width:min(440px,100%);padding:30px 28px 25px;animation:.28s cubic-bezier(.16,1,.3,1) both dashboardLogoutCardIn;position:relative;overflow:hidden;box-shadow:0 40px 110px #0000006b,0 0 0 1px #ffffffbf,inset 0 1px #fff}.dashboard-logout-card:before{content:"";background:linear-gradient(90deg,#0a61ce 0%,#2189e9 42%,#5a43d3 72%,#a9432b 100%);height:5px;position:absolute;top:0;left:0;right:0}.dashboard-logout-card-icon{color:#fff;background:linear-gradient(145deg,#0b66d6 0%,#287ee4 54%,#5942d2 100%);border-radius:21px;place-items:center;width:66px;height:66px;margin:3px auto 17px;font-size:1.75rem;font-weight:900;transition:transform .22s,background .25s,box-shadow .22s;display:grid;box-shadow:0 15px 30px #2363d340,inset 0 1px #ffffff38}.dashboard-logout-card:hover .dashboard-logout-card-icon{background:linear-gradient(145deg,#79301c 0%,#a53e28 54%,#c04c32 100%);transform:translateY(-4px)rotate(-5deg);box-shadow:0 17px 32px #89331e40}.dashboard-logout-kicker{color:#1c68bb;letter-spacing:.16em;margin-bottom:7px;font-size:.7rem;font-weight:900;display:inline-block}.dashboard-logout-card h2{color:#17365d;margin:0;font-size:clamp(1.35rem,2.8vw,1.7rem);line-height:1.2}.dashboard-logout-card p{color:#65758a;max-width:350px;margin:11px auto 0;font-size:.92rem;line-height:1.65}.dashboard-logout-card-actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:24px;display:grid}.dashboard-logout-card-actions button{cursor:pointer;min-height:46px;font:inherit;border-radius:12px;font-size:.86rem;font-weight:800;transition:transform .18s,color .18s,background .22s,border-color .18s,box-shadow .18s}.dashboard-logout-cancel{color:#315278;background:#f5f8fc;border:1px solid #cbd9ea}.dashboard-logout-cancel:hover{color:#fff;background:linear-gradient(135deg,#1266bd,#267fd5);border-color:#2476cc;transform:translateY(-2px);box-shadow:0 10px 22px #216cbb33}.dashboard-logout-confirm{color:#fff;background:linear-gradient(135deg,#84321f 0%,#ad402a 52%,#c45136 100%);border:1px solid #a93a2385;box-shadow:0 10px 23px #9736213b}.dashboard-logout-confirm:hover{background:linear-gradient(135deg,#075ec9 0%,#1778dd 48%,#523dcc 100%);border-color:#4c8feb99;transform:translateY(-3px);box-shadow:0 13px 27px #235fca40}.dashboard-logout-card-actions button:active{transform:translateY(0)scale(.985)}@keyframes dashboardLogoutOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardLogoutCardIn{0%{opacity:0;transform:translateY(22px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.dashboard-header-account{justify-content:flex-start;width:100%}}@media (width<=640px){.dashboard-header-account{flex-direction:column;align-items:stretch;gap:9px}.dashboard-header-account .user-area,.dashboard-top-logout{width:100%}.dashboard-logout-card{border-radius:19px;padding:27px 19px 21px}.dashboard-logout-card-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dashboard-top-logout,.dashboard-top-logout:before,.dashboard-top-logout-icon,.dashboard-header-account .user-area,.dashboard-module-finder,.dashboard-module-finder-input-wrap,.dashboard-module-finder-button,.dashboard-module-search-examples button,.dashboard-main>.welcome-card,.dashboard-section-bar,.dashboard-section-bar button,.dashboard-logout-overlay,.dashboard-logout-card,.dashboard-logout-card-icon,.dashboard-logout-card-actions button{transition-duration:.001ms!important;animation:none!important}}:root{--staff-primary:#0f766e;--staff-primary-dark:#115e59;--staff-primary-darker:#134e4a;--staff-primary-light:#ccfbf1;--staff-primary-soft:#f0fdfa;--staff-primary-glow:#0f766e2e;--staff-blue:#2563eb;--staff-blue-dark:#1d4ed8;--staff-blue-light:#dbeafe;--staff-blue-soft:#eff6ff;--staff-blue-glow:#2563eb26;--staff-green:#16a34a;--staff-green-dark:#15803d;--staff-green-light:#dcfce7;--staff-green-soft:#f0fdf4;--staff-green-glow:#16a34a24;--staff-orange:#ea580c;--staff-orange-dark:#c2410c;--staff-orange-light:#ffedd5;--staff-orange-soft:#fff7ed;--staff-purple:#7c3aed;--staff-purple-dark:#6d28d9;--staff-purple-light:#ede9fe;--staff-purple-soft:#faf5ff;--staff-red:#dc2626;--staff-red-dark:#b91c1c;--staff-red-light:#fee2e2;--staff-red-soft:#fff1f2;--staff-yellow:#ca8a04;--staff-yellow-dark:#a16207;--staff-yellow-light:#fef9c3;--staff-yellow-soft:#fffbeb;--staff-dark:#0f172a;--staff-dark-2:#172033;--staff-text:#1e293b;--staff-text-light:#334155;--staff-muted:#64748b;--staff-muted-light:#94a3b8;--staff-white:#fff;--staff-bg:#eef2f7;--staff-bg-soft:#f8fafc;--staff-bg-deep:#e6edf4;--staff-border:#e2e8f0;--staff-border-dark:#cbd5e1;--staff-border-soft:#edf2f7;--staff-shadow-xs:0 2px 5px #0f172a0b;--staff-shadow-sm:0 5px 16px #0f172a11;--staff-shadow-md:0 12px 32px #0f172a17;--staff-shadow-lg:0 22px 55px #0f172a24;--staff-shadow-xl:0 32px 90px #0f172a33;--staff-radius-xs:7px;--staff-radius-sm:9px;--staff-radius-md:12px;--staff-radius-lg:16px;--staff-radius-xl:20px;--staff-radius-2xl:26px;--staff-radius-round:999px;--staff-fast:.14s ease;--staff-normal:.22s cubic-bezier(.2, .8, .2, 1);--staff-smooth:.3s cubic-bezier(.2, .8, .2, 1)}.staff-page,.staff-page *,.staff-page :before,.staff-page :after{box-sizing:border-box}.staff-page{width:100%;min-height:100vh;color:var(--staff-text);background:radial-gradient(circle at 4% 5%,#14b8a61a,#0000 23%),radial-gradient(circle at 96% 8%,#2563eb12,#0000 22%),radial-gradient(circle at 90% 95%,#7c3aed0f,#0000 24%),linear-gradient(135deg,#f8fafc 0%,#eef2f7 48%,#e6edf4 100%);padding:26px 30px 60px;position:relative;overflow-x:hidden}.staff-page:before{content:"";pointer-events:none;z-index:0;opacity:.6;background:linear-gradient(135deg,#0000 0%,#ffffff4d 42%,#0000 70%);position:fixed;inset:0}.staff-page>*{z-index:1;position:relative}.staff-header{border-bottom:1px solid #cbd5e1b8;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:5px 0 20px;display:flex}.staff-title-icon{width:55px;min-width:55px;height:55px;color:var(--staff-primary-dark);transition:all var(--staff-normal);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border:1px solid #14b8a62e;border-radius:15px;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 10px 24px #0f766e1a}.staff-title-row:hover .staff-title-icon{transform:translateY(-3px)scale(1.05)rotate(-3deg);box-shadow:0 15px 30px #0f766e29}.staff-header h1{color:var(--staff-dark);letter-spacing:-.8px;margin:0 0 5px;font-size:clamp(25px,3vw,34px);font-weight:950;line-height:1.1}.staff-header p{color:var(--staff-muted);margin:0;font-size:11px;line-height:1.55}.staff-create-btn{border:1px solid var(--staff-primary);background:linear-gradient(135deg, var(--staff-primary), #14b8a6);color:#fff;min-height:44px;transition:all var(--staff-normal);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:10px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 9px 22px #0f766e33}.staff-create-btn:before{content:"";background:#ffffff24;border-radius:50%;width:120px;height:120px;transition:transform .35s;position:absolute;top:-75px;right:-55px}.staff-create-btn:hover{background:linear-gradient(135deg,#115e59,#0d9488);transform:translateY(-3px);box-shadow:0 15px 32px #0f766e4a}.staff-create-btn:hover:before{transform:scale(1.4)}.staff-create-btn:active{transform:translateY(-1px)scale(.985)}.staff-create-btn span{z-index:2;font-size:16px;line-height:1;position:relative}.staff-summary-card{border:1px solid var(--staff-border);min-height:106px;box-shadow:var(--staff-shadow-sm);transition:all var(--staff-normal);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:14px;align-items:center;gap:13px;padding:15px;display:flex;position:relative;overflow:hidden}.staff-summary-card:after{content:"";background:radial-gradient(circle,#14b8a61a,#0000 70%);border-radius:50%;width:130px;height:130px;transition:transform .4s;position:absolute;top:-65px;right:-65px}.staff-summary-card:hover{background:linear-gradient(145deg,#fff,#f0fdfa);border-color:#0f766e33;transform:translateY(-5px);box-shadow:0 17px 38px #0f766e1f}.staff-summary-card:hover:after{transform:scale(1.22)}.staff-summary-icon{z-index:2;width:48px;min-width:48px;height:48px;color:var(--staff-blue-dark);transition:all var(--staff-normal);background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #2563eb1a;border-radius:13px;justify-content:center;align-items:center;font-size:19px;font-weight:950;display:flex;position:relative;box-shadow:0 7px 16px #2563eb17}.staff-summary-card:hover .staff-summary-icon{transform:scale(1.09)rotate(-3deg)}.staff-summary-icon.active-icon{color:var(--staff-green-dark);background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#bbf7d0}.staff-summary-icon.pending-icon{color:var(--staff-yellow-dark);background:linear-gradient(135deg,#fef9c3,#fffbeb);border-color:#fde68a}.staff-summary-icon.frozen-icon{color:var(--staff-red-dark);background:linear-gradient(135deg,#fee2e2,#fff1f2);border-color:#fecaca}.staff-summary-card>div:last-child{z-index:2;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.staff-summary-card span{color:var(--staff-muted);font-size:9px;font-weight:800}.staff-summary-card strong{color:var(--staff-dark);font-size:24px;font-weight:950;line-height:1}.staff-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:10px;font-weight:750;animation:.22s staffMessageIn;display:flex;position:relative}.staff-message>span:first-child{border-radius:8px;justify-content:center;align-items:center;width:25px;min-width:25px;height:25px;font-size:13px;font-weight:950;display:flex}.staff-message>span:nth-child(2){flex:1}.staff-message button{color:currentColor;width:28px;height:28px;transition:all var(--staff-fast);background:#ffffffbf;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.staff-message button:hover{background:#fff;transform:scale(1.05)}.staff-error{color:#991b1b;background:linear-gradient(135deg,#fff7f7,#fff1f2);border:1px solid #fecaca}.staff-error>span:first-child{color:var(--staff-red-dark);background:#fee2e2}.staff-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0}.staff-success>span:first-child{color:var(--staff-green-dark);background:#dcfce7}@keyframes staffMessageIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.staff-toolbar{border:1px solid var(--staff-border);box-shadow:var(--staff-shadow-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;padding:12px;display:flex}.staff-search{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.staff-search-icon{z-index:2;color:var(--staff-muted-light);pointer-events:none;font-size:15px;position:absolute;left:12px}.staff-search input{border:1px solid var(--staff-border-dark);width:100%;min-height:42px;color:var(--staff-text);transition:all var(--staff-fast);background:#fff;border-radius:10px;padding:9px 40px 9px 38px;font-size:10px}.staff-search input::placeholder{color:var(--staff-muted-light)}.staff-search input:hover{border-color:#94a3b8}.staff-search input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a617}.staff-search-clear{border:1px solid var(--staff-border);width:27px;height:27px;color:var(--staff-muted);transition:all var(--staff-fast);background:#f8fafc;border-radius:7px;justify-content:center;align-items:center;font-size:17px;display:flex;position:absolute;right:8px}.staff-search-clear:hover{color:var(--staff-red-dark);background:var(--staff-red-light);border-color:#fecaca}.staff-refresh-btn{border:1px solid var(--staff-border-dark);min-height:42px;color:var(--staff-text);box-shadow:var(--staff-shadow-xs);transition:all var(--staff-fast);background:#fff;border-radius:9px;padding:9px 14px;font-size:10px;font-weight:850}.staff-refresh-btn:hover{color:var(--staff-primary-dark);background:var(--staff-primary-soft);box-shadow:var(--staff-shadow-sm);border-color:#0f766e3d;transform:translateY(-2px)}.staff-loading{border:1px solid var(--staff-border);min-height:320px;box-shadow:var(--staff-shadow-sm);background:#fffffff0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex}.staff-spinner{border:4px solid #dbe5ed;border-top-color:var(--staff-primary);border-right-color:#14b8a6;border-radius:50%;width:42px;height:42px;margin-bottom:13px;animation:.8s linear infinite staffSpin}.staff-loading p{color:var(--staff-muted);margin:0;font-size:10px;font-weight:750}@keyframes staffSpin{to{transform:rotate(360deg)}}.staff-empty{border:1px dashed var(--staff-border-dark);text-align:center;min-height:330px;box-shadow:var(--staff-shadow-sm);background:linear-gradient(145deg,#ffffffeb,#f8fafcfa);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.staff-empty-icon{width:72px;height:72px;color:var(--staff-primary-dark);background:linear-gradient(135deg,#dbeafe,#ccfbf1);border:1px solid #14b8a626;border-radius:20px;justify-content:center;align-items:center;margin-bottom:15px;font-size:30px;display:flex;box-shadow:0 12px 28px #0f766e1a}.staff-empty h3{color:var(--staff-dark);margin:0 0 6px;font-size:18px;font-weight:950}.staff-empty p{max-width:460px;color:var(--staff-muted);margin:0 0 18px;font-size:10px;line-height:1.6}.staff-table-card{border:1px solid var(--staff-border);box-shadow:var(--staff-shadow-sm);background:#fff;border-radius:16px;position:relative;overflow:hidden}.staff-table-header{border-bottom:1px solid var(--staff-border);background:linear-gradient(#fff,#f8fafc);justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:14px 17px;display:flex}.staff-table-header h2{color:var(--staff-dark);margin:0 0 4px;font-size:16px;font-weight:950}.staff-table-header span{color:var(--staff-muted);font-size:9px;font-weight:700}.staff-table-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;overflow:auto hidden}.staff-table-wrapper::-webkit-scrollbar{height:8px}.staff-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.staff-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:999px}.staff-table{border-collapse:collapse;width:100%;min-width:1350px}.staff-table th{z-index:4;border-bottom:1px solid var(--staff-border);color:var(--staff-muted);text-align:left;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:12px 13px;font-size:8px;font-weight:950;position:sticky;top:0}.staff-table td{border-bottom:1px solid var(--staff-border-soft);color:var(--staff-text);vertical-align:middle;padding:13px;font-size:9px}.staff-table tbody tr{transition:background var(--staff-fast)}.staff-table tbody tr:hover{background:#f8fbfc}.staff-table tbody tr:last-child td{border-bottom:0}.staff-person{align-items:center;gap:10px;min-width:200px;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border:1px solid #14b8a629;border-radius:11px;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;font-size:13px;font-weight:950;display:flex;box-shadow:0 7px 16px #0f766e29}.staff-person>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.staff-person strong{max-width:210px;color:var(--staff-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;display:block;overflow:hidden}.staff-person small{color:var(--staff-muted);font-size:8px}.staff-number{min-height:25px;color:var(--staff-blue-dark);white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:7px;align-items:center;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.staff-email{max-width:230px;color:var(--staff-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.staff-role-list{flex-wrap:wrap;gap:5px;min-width:110px;display:flex}.staff-role-badge{min-height:24px;color:var(--staff-purple-dark);white-space:nowrap;background:linear-gradient(135deg,#faf5ff,#ede9fe);border:1px solid #ede9fe;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:7px;font-weight:900;display:inline-flex}.staff-role-select{min-width:135px;min-height:36px;color:var(--staff-purple-dark);background:#fff;border:1px solid #c4b5fd;border-radius:8px;outline:none;padding:7px 9px;font-size:9px;font-weight:800;box-shadow:0 0 0 3px #7c3aed14}.staff-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:5px 8px;font-size:7.5px;font-weight:900;display:inline-flex}.staff-status i{background:currentColor;border-radius:50%;width:6px;min-width:6px;height:6px}.staff-status-active{color:var(--staff-green-dark);background:#f0fdf4;border:1px solid #bbf7d0}.staff-status-pending{color:var(--staff-yellow-dark);background:#fffbeb;border:1px solid #fde68a}.staff-status-frozen{color:var(--staff-red-dark);background:#fff1f2;border:1px solid #fecaca}.staff-last-login{min-width:110px;color:var(--staff-muted);font-size:8px;line-height:1.5;display:block}.staff-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:300px;display:flex}.staff-action-btn{border:1px solid var(--staff-border-dark);min-height:31px;color:var(--staff-text);white-space:nowrap;transition:all var(--staff-fast);background:#fff;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:850}.staff-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 13px #0f172a14}.staff-view-btn{color:var(--staff-blue-dark);background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.staff-view-btn:hover{background:#bfdbfe}.staff-password-btn{color:var(--staff-purple-dark);background:linear-gradient(135deg,#faf5ff,#ede9fe);border-color:#ddd6fe}.staff-password-btn:hover{background:#ddd6fe}.staff-resend-btn{color:#0f766e;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4}.staff-resend-btn:hover{background:#ccfbf1}.staff-role-btn{color:var(--staff-primary-dark);background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4}.staff-role-btn:hover{background:#ccfbf1}.staff-freeze-btn{color:var(--staff-orange-dark);background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fed7aa}.staff-freeze-btn:hover{background:#ffedd5}.staff-activate-btn{color:var(--staff-green-dark);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.staff-activate-btn:hover{background:#dcfce7}.staff-delete-btn{color:var(--staff-red-dark);background:linear-gradient(135deg,#fff7f7,#fee2e2);border-color:#fecaca}.staff-delete-btn:hover{background:#fee2e2;box-shadow:0 7px 15px #dc262621}.staff-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617ad;justify-content:center;align-items:center;padding:20px;animation:.18s staffOverlayIn;display:flex;position:fixed;inset:0;overflow:auto}@keyframes staffOverlayIn{0%{opacity:0}to{opacity:1}}.staff-modal{width:min(650px,96vw);max-height:92vh;box-shadow:var(--staff-shadow-xl);background:#fff;border:1px solid #ffffff24;border-radius:18px;animation:.22s cubic-bezier(.2,.8,.2,1) staffModalIn;position:relative;overflow:auto}@keyframes staffModalIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.staff-modal-header{border-bottom:1px solid var(--staff-border);background:linear-gradient(135deg,#fff,#f8fafc);justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex}.staff-modal-header>div:first-child{align-items:flex-start;gap:11px;display:flex}.staff-modal-icon{width:42px;min-width:42px;height:42px;color:var(--staff-primary-dark);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border:1px solid #14b8a629;border-radius:11px;justify-content:center;align-items:center;font-size:18px;display:flex}.staff-modal-header h2{color:var(--staff-dark);margin:0 0 4px;font-size:19px;font-weight:950}.staff-modal-header p{color:var(--staff-muted);margin:0;font-size:9px;line-height:1.5}.staff-modal-close{border:1px solid var(--staff-border);width:36px;min-width:36px;height:36px;color:var(--staff-muted);transition:all var(--staff-fast);background:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:22px;font-weight:750;display:flex}.staff-modal-close:hover{background:var(--staff-red-light);color:var(--staff-red-dark);border-color:#fecaca;transform:rotate(4deg)}.staff-form-modal form{padding:20px}.staff-form-group{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.staff-form-group label{color:var(--staff-text-light);font-size:9px;font-weight:850}.staff-form-group label span{color:var(--staff-red);margin-left:3px}.staff-form-group input,.staff-form-group select{border:1px solid var(--staff-border-dark);width:100%;min-height:42px;color:var(--staff-text);transition:all var(--staff-fast);background:#fff;border-radius:9px;padding:9px 11px;font-size:10px}.staff-form-group input:hover,.staff-form-group select:hover{border-color:#94a3b8}.staff-form-group input:focus,.staff-form-group select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a617}.staff-information-box{color:var(--staff-blue-dark);background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #bfdbfe;border-radius:11px;align-items:flex-start;gap:11px;margin:18px 0;padding:14px;display:flex}.staff-information-icon{width:30px;min-width:30px;height:30px;color:var(--staff-blue-dark);background:#dbeafe;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:950;display:flex}.staff-information-box>div:last-child{min-width:0}.staff-information-box strong{color:var(--staff-dark);font-size:10px;font-weight:900}.staff-information-box p{color:#475569;margin:5px 0 0;font-size:9px;line-height:1.65}.staff-information-box p+p{margin-top:7px}.staff-form-actions{border-top:1px solid var(--staff-border);justify-content:flex-end;align-items:center;gap:8px;padding-top:17px;display:flex}.staff-cancel-btn,.staff-save-btn{min-height:42px;transition:all var(--staff-fast);border-radius:9px;padding:10px 15px;font-size:10px;font-weight:900}.staff-cancel-btn{color:var(--staff-red-dark);background:#fff1f2;border:1px solid #fecaca}.staff-cancel-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px)}.staff-save-btn{border:1px solid var(--staff-primary);background:linear-gradient(135deg, var(--staff-primary), #14b8a6);color:#fff;justify-content:center;align-items:center;gap:7px;display:inline-flex;box-shadow:0 8px 20px #0f766e2e}.staff-save-btn:hover{transform:translateY(-2px);box-shadow:0 13px 27px #0f766e45}.staff-small-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite staffSpin}.staff-view-modal{width:min(760px,96vw);padding:24px}.standalone-close{z-index:5;position:absolute;top:18px;right:18px}.staff-profile{text-align:center;border-bottom:1px solid var(--staff-border);flex-direction:column;align-items:center;padding:16px 15px 22px;display:flex}.staff-profile-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6,#2dd4bf);border:3px solid #fff;border-radius:22px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:12px;font-size:30px;font-weight:950;display:flex;box-shadow:0 13px 30px #0f766e38}.staff-profile h2{color:var(--staff-dark);margin:0 0 5px;font-size:22px;font-weight:950}.staff-profile p{color:var(--staff-muted);margin:0 0 8px;font-size:10px}.staff-profile-number{min-height:26px;color:var(--staff-blue-dark);background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:8px;font-weight:900;display:inline-flex}.staff-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:19px 0;display:grid}.staff-detail-item{border:1px solid var(--staff-border);background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.staff-detail-item span{color:var(--staff-muted);text-transform:uppercase;letter-spacing:.45px;font-size:8px;font-weight:800}.staff-detail-item strong{color:var(--staff-dark);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900;line-height:1.4;overflow:hidden}.staff-view-actions{border-top:1px solid var(--staff-border);flex-wrap:wrap;align-items:stretch;gap:8px;padding-top:17px;display:flex}.staff-modal-action{border:1px solid var(--staff-border-dark);min-height:41px;transition:all var(--staff-fast);background:#fff;border-radius:9px;flex:150px;padding:9px 12px;font-size:9px;font-weight:900}.staff-modal-action:hover{transform:translateY(-2px);box-shadow:0 7px 16px #0f172a14}.staff-modal-action.password{color:var(--staff-purple-dark);background:#faf5ff;border-color:#ddd6fe}.staff-modal-action.password:hover{background:#ede9fe}.staff-modal-action.resend{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.staff-modal-action.resend:hover{background:#ccfbf1}.staff-modal-action.role{color:var(--staff-primary-dark);background:#f0fdfa;border-color:#99f6e4}.staff-modal-action.role:hover{background:#ccfbf1}.staff-modal-action.freeze{color:var(--staff-orange-dark);background:#fff7ed;border-color:#fed7aa}.staff-modal-action.freeze:hover{background:#ffedd5}.staff-modal-action.activate{color:var(--staff-green-dark);background:#f0fdf4;border-color:#bbf7d0}.staff-modal-action.activate:hover{background:#dcfce7}.staff-modal-action.delete{color:var(--staff-red-dark);background:#fff1f2;border-color:#fecaca}.staff-modal-action.delete:hover{background:#fee2e2}@media (width<=1200px){.staff-page{padding:23px 24px 50px}.staff-summary,.staff-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-table{min-width:1280px}}@media (width<=900px){.staff-page{padding:20px}.staff-header{flex-direction:column;align-items:flex-start}.staff-header .staff-create-btn{width:100%}.staff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-toolbar{flex-direction:column;align-items:stretch}.staff-search,.staff-refresh-btn{width:100%}.staff-view-modal{width:min(700px,96vw)}}@media (width<=650px){.staff-page{padding:15px 12px 40px}.staff-title-row{align-items:flex-start}.staff-title-icon{width:47px;min-width:47px;height:47px;font-size:20px}.staff-header h1{font-size:24px}.staff-header p{font-size:9px}.staff-summary{grid-template-columns:1fr}.staff-summary-card{min-height:94px}.staff-table-card{border-radius:13px}.staff-table-header{padding:13px}.staff-modal-overlay{align-items:flex-start;padding:8px}.staff-modal{border-radius:14px;width:100%;max-height:96vh}.staff-form-modal form,.staff-modal-header{padding:16px}.staff-detail-grid{grid-template-columns:1fr;padding:15px 0}.staff-view-modal{padding:18px}.staff-profile{padding-top:9px}.staff-profile-avatar{border-radius:18px;width:70px;height:70px;font-size:25px}.staff-profile h2{font-size:20px}.staff-form-actions{flex-direction:column-reverse}.staff-cancel-btn,.staff-save-btn{width:100%}.staff-view-actions{flex-direction:column}.staff-modal-action{flex:auto;width:100%}}@media (width<=430px){.staff-page{padding:11px 8px 30px}.staff-title-row{gap:9px}.staff-title-icon{border-radius:11px;width:42px;min-width:42px;height:42px;font-size:18px}.staff-header h1{font-size:21px}.staff-header p{font-size:8px}.staff-create-btn{min-height:42px;font-size:9px}.staff-summary-card{padding:13px}.staff-summary-icon{width:43px;min-width:43px;height:43px}.staff-summary-card strong{font-size:21px}.staff-search input{font-size:9px}.staff-table-header h2{font-size:14px}.staff-modal-header h2{font-size:17px}.staff-information-box{padding:12px}.staff-information-box p{font-size:8px}}@media (hover:none) and (pointer:coarse){.staff-summary-card:hover,.staff-title-row:hover .staff-title-icon,.staff-create-btn:hover,.staff-refresh-btn:hover,.staff-action-btn:hover,.staff-modal-action:hover,.staff-save-btn:hover,.staff-cancel-btn:hover{transform:none}.staff-action-btn,.staff-modal-action{min-height:36px}.staff-create-btn{min-height:46px}}.staff-page button:focus-visible,.staff-page input:focus-visible,.staff-page select:focus-visible{outline-offset:2px;outline:3px solid #14b8a63d}@media print{.staff-page{background:#fff!important;padding:0!important}.staff-page:before,.staff-create-btn,.staff-toolbar,.staff-actions,.staff-modal-overlay{display:none!important}.staff-summary-card,.staff-table-card{box-shadow:none!important}.staff-table{min-width:100%!important}.staff-table th,.staff-table td{padding:7px!important;font-size:8px!important}.staff-avatar{width:28px!important;min-width:28px!important;height:28px!important}}@media (prefers-reduced-motion:reduce){.staff-page *,.staff-page :before,.staff-page :after{transition:none!important;animation:none!important}}.security-audit-page{color:#102a4c;background:radial-gradient(circle at 100% 0,#0ea5e91a,#0000 28rem),linear-gradient(#f7fbff 0%,#eff6fb 100%);min-height:100vh;padding:24px;overflow:visible}.security-audit-header,.security-audit-card,.security-audit-stat{border:1px solid #d9e5f3;box-shadow:0 12px 30px #1a406c12}.security-audit-header{background:linear-gradient(116deg,#fff 0%,#f0f8ff 100%);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.security-audit-eyebrow,.security-audit-card-kicker{color:#1976b9;letter-spacing:.12em;text-transform:uppercase;font-size:.69rem;font-weight:900;display:block}.security-audit-header h1,.security-audit-card h2{color:#102a4c;margin:5px 0 0;line-height:1.15}.security-audit-header h1{font-size:clamp(1.45rem,2.6vw,2rem)}.security-audit-card h2{font-size:1.12rem}.security-audit-header p,.security-audit-history-heading p{color:#5c718d;max-width:720px;margin:9px 0 0;font-size:.91rem;line-height:1.55}.security-audit-refresh,.security-audit-filter-button,.security-audit-approve{min-height:40px;font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:.82rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s}.security-audit-refresh,.security-audit-filter-button{color:#fff;background:linear-gradient(135deg,#1976b9,#1565a7);padding:0 15px;box-shadow:0 9px 18px #1976b933}.security-audit-refresh:hover:not(:disabled),.security-audit-filter-button:hover:not(:disabled),.security-audit-approve:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.security-audit-refresh:disabled,.security-audit-filter-button:disabled,.security-audit-approve:disabled{cursor:wait;opacity:.66}.security-audit-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.security-audit-stat{background:#fff;border-radius:15px;min-width:0;padding:16px 17px;position:relative;overflow:hidden}.security-audit-stat:before{content:"";background:#3b82f6;width:5px;height:100%;position:absolute;top:0;left:0}.security-audit-stat.good:before{background:#14a37f}.security-audit-stat.alert:before{background:#e07823}.security-audit-stat.approval:before{background:#8b5cf6}.security-audit-stat.sessions:before{background:#2563eb}.security-audit-stat span,.security-audit-stat small{color:#6c7f99;font-size:.72rem;display:block}.security-audit-stat span{text-transform:uppercase;letter-spacing:.05em;font-weight:800}.security-audit-stat strong{color:#102a4c;margin:8px 0 3px;font-size:1.55rem;line-height:1;display:block}.security-audit-message{border-radius:11px;margin:14px 0;padding:12px 14px;font-size:.86rem;font-weight:700}.security-audit-message.error{color:#a82b2b;background:#fff1f1;border:1px solid #ffd1d1}.security-audit-message.success{color:#15755c;background:#effcf7;border:1px solid #bcebdc}.security-audit-card{background:#fffffff5;border-radius:18px;margin-top:18px;padding:20px;overflow:visible}.security-audit-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.security-audit-count{color:#176ca8;background:#eaf6ff;border-radius:50%;place-items:center;min-width:32px;min-height:32px;font-weight:900;display:grid}.security-audit-empty{color:#54708d;background:#fbfdff;border:1px dashed #cbddec;border-radius:13px;align-items:center;gap:9px;min-height:72px;padding:16px;font-size:.9rem;display:flex}.security-audit-empty span{color:#109a76;font-size:1.25rem;font-weight:900}.security-audit-session-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px;display:grid}.security-audit-session-card{background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #dce8f4;border-radius:14px;gap:12px;padding:15px;display:grid}.security-audit-session-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.security-audit-session-card-head strong,.security-audit-session-card-head span,.security-audit-device-list strong,.security-audit-device-list span{display:block}.security-audit-session-card-head strong{color:#173454;font-size:.9rem}.security-audit-session-card-head span{color:#6b7f99;margin-top:3px;font-size:.74rem}.security-audit-session-card-head b{white-space:nowrap;color:#176ca8;background:#e7f4ff;border-radius:999px;padding:5px 8px;font-size:.69rem}.security-audit-device-list{gap:7px;display:grid}.security-audit-device-list>div{background:#fff;border:1px solid #e4edf5;border-radius:10px;padding:9px 10px}.security-audit-device-list strong{color:#355574;font-size:.76rem}.security-audit-device-list span{color:#71859b;margin-top:3px;font-size:.7rem}.security-audit-end-sessions{color:#aa3e4e;min-height:37px;font:inherit;cursor:pointer;background:#fff7f7;border:1px solid #f2c8ce;border-radius:9px;justify-self:start;padding:0 12px;font-size:.77rem;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s}.security-audit-end-sessions:hover:not(:disabled){background:#fff0f1;transform:translateY(-1px);box-shadow:0 7px 15px #ae3e3e1f}.security-audit-end-sessions:disabled{cursor:wait;opacity:.62}.security-audit-lock-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.security-audit-lock-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce7f3;border-radius:14px;gap:10px;padding:15px;display:grid}.security-audit-lock-main{align-items:center;gap:10px;min-width:0;display:flex}.security-audit-avatar{color:#176ca8;background:#e2f2ff;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.security-audit-lock-main strong,.security-audit-lock-main span,.security-audit-lock-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.security-audit-lock-main strong{color:#173454;font-size:.89rem}.security-audit-lock-main span,.security-audit-lock-card small{color:#6b7f99;margin-top:3px;font-size:.75rem}.security-audit-status{border-radius:999px;width:max-content;padding:4px 8px;font-size:.7rem;font-weight:850}.security-audit-status.approval{color:#7144a6;background:#f1eaff}.security-audit-status.temporary{color:#9b5d16;background:#fff4df}.security-audit-approve{color:#fff;background:linear-gradient(135deg,#118e76,#0f766e);justify-self:start;padding:0 13px}.security-audit-history-heading{margin-bottom:14px}.security-audit-history-heading p{text-align:right;max-width:440px;margin:0;font-size:.78rem}.security-audit-filters{background:#f9fcff;border:1px solid #e0ebf5;border-radius:14px;grid-template-columns:minmax(210px,1.6fr) repeat(3,minmax(135px,.7fr)) auto;align-items:end;gap:10px;margin-bottom:17px;padding:13px;display:grid}.security-audit-filters label{color:#4f6682;gap:6px;min-width:0;font-size:.72rem;font-weight:850;display:grid}.security-audit-filters input,.security-audit-filters select{box-sizing:border-box;color:#173454;width:100%;min-width:0;height:39px;font:inherit;background:#fff;border:1px solid #c9d9ea;border-radius:9px;outline:0;padding:0 10px;font-size:.84rem}.security-audit-filters input:focus,.security-audit-filters select:focus{border-color:#318fca;box-shadow:0 0 0 3px #318fca1f}.security-audit-table-wrap{border:1px solid #e0e9f2;border-radius:13px;overflow-x:auto}.security-audit-table{border-collapse:collapse;width:100%;min-width:1030px}.security-audit-table th{color:#58708c;text-align:left;letter-spacing:.055em;text-transform:uppercase;background:#f5f9fd;padding:12px 13px;font-size:.68rem}.security-audit-table td{vertical-align:top;color:#48627f;border-top:1px solid #edf2f7;max-width:260px;padding:12px 13px;font-size:.78rem}.security-audit-table tbody tr:hover{background:#f9fcff}.security-audit-table td strong,.security-audit-table td span{display:block}.security-audit-table td strong{color:#173454;font-size:.79rem}.security-audit-table td span{color:#6c8099;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.security-audit-result{border-radius:999px;width:max-content;padding:4px 8px;font-size:.69rem;font-weight:850;margin:0!important}.security-audit-result.success{color:#14765a;background:#def8ed}.security-audit-result.failed{color:#ae3e3e;background:#fff0f0}.security-audit-table-empty{text-align:center;color:#70839a!important;padding:32px!important}@media (width<=980px){.security-audit-summary,.security-audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.security-audit-page{padding:13px}.security-audit-header,.security-audit-card-heading{flex-direction:column;align-items:flex-start}.security-audit-header{padding:18px}.security-audit-refresh{width:100%}.security-audit-summary,.security-audit-filters{grid-template-columns:1fr}.security-audit-card{padding:15px}.security-audit-history-heading p{text-align:left}}.attendance-page{box-sizing:border-box;color:#172033;background:#f5f7fb;width:100%;min-height:100vh;padding:25px}.attendance-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.attendance-header-left{align-items:center;gap:15px;display:flex}.attendance-header-icon{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;font-size:27px;display:flex;box-shadow:0 8px 20px #2563eb33}.attendance-header h1{margin:0;font-size:28px;font-weight:750}.attendance-header p{color:#667085;margin:5px 0 0}.admin-access{color:#2563eb}.attendance-refresh-btn{cursor:pointer;background:#fff;border:1px solid #d9dee8;border-radius:9px;padding:11px 18px;font-weight:650}.attendance-refresh-btn:hover{background:#f1f5f9}.attendance-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.attendance-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.attendance-tabs button{color:#273244;cursor:pointer;background:#e7ebf2;border:none;border-radius:9px;padding:11px 17px;font-weight:650}.attendance-tabs button:hover{background:#dbe2ec}.attendance-tabs button.active{color:#fff;background:#2563eb}.attendance-message{border-radius:10px;align-items:center;gap:12px;margin-bottom:20px;padding:13px 16px;font-weight:550;display:flex}.attendance-message button{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:22px}.attendance-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.attendance-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.attendance-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin-bottom:20px;display:grid}.attendance-summary-card{background:#fff;border:1px solid #e7eaf0;border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex;box-shadow:0 4px 15px #0f172a0a}.attendance-summary-card span{color:#667085;margin-bottom:5px;font-size:13px;display:block}.attendance-summary-card strong{font-size:23px}.attendance-summary-icon{border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:800;display:flex}.attendance-summary-icon.total{color:#1d4ed8;background:#dbeafe}.attendance-summary-icon.present{color:#15803d;background:#dcfce7}.attendance-summary-icon.absent{color:#b91c1c;background:#fee2e2}.attendance-summary-icon.late{color:#b45309;background:#fef3c7}.attendance-summary-icon.leave{color:#6d28d9;background:#ede9fe}.attendance-summary-icon.rate{color:#0e7490;background:#cffafe}.attendance-controls{grid-template-columns:minmax(220px,1fr) minmax(300px,2fr);gap:15px;margin-bottom:18px;display:grid}.attendance-date-control{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px}.attendance-date-control label,.attendance-history-filters label{color:#475467;margin-bottom:6px;font-size:13px;font-weight:650;display:block}.attendance-date-control input,.attendance-history-filters input{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;outline:none;width:100%;padding:10px 12px}.attendance-date-control input:focus,.attendance-history-filters input:focus{border-color:#2563eb}.attendance-date-control span{color:#667085;margin-top:7px;font-size:13px;display:block}.attendance-search{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:flex}.attendance-search input{background:0 0;border:none;outline:none;width:100%;padding:13px 0}.attendance-search button{cursor:pointer;background:0 0;border:none;font-size:19px}.attendance-quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;padding:14px;display:flex}.attendance-quick-actions strong{margin-right:5px}.attendance-quick-actions button{cursor:pointer;background:#f8fafc;border:1px solid #d0d5dd;border-radius:7px;padding:8px 12px;font-weight:600}.attendance-quick-actions button:hover{background:#eef2f7}.attendance-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;margin-bottom:20px;padding:15px;display:flex}.attendance-info-icon{font-size:22px}.attendance-info strong{margin-bottom:4px;display:block}.attendance-info p{margin:0;font-size:14px}.attendance-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;overflow:hidden}.attendance-table-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.attendance-table-header h2{margin:0;font-size:19px}.attendance-table-header span{color:#667085;margin-top:4px;font-size:13px;display:block}.attendance-save-all{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 17px;font-weight:650}.attendance-save-all:hover{background:#1d4ed8}.attendance-save-all:disabled{opacity:.6;cursor:not-allowed}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:1100px}.attendance-table th{color:#475467;text-transform:uppercase;letter-spacing:.03em;text-align:left;background:#f8fafc;border-bottom:1px solid #eaecf0;padding:13px 14px;font-size:12px}.attendance-table td{vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:13px 14px;font-size:13px}.attendance-table tbody tr:hover{background:#fafcff}.attendance-person{align-items:center;gap:10px;display:flex}.attendance-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;font-weight:750;display:flex}.attendance-person strong{display:block}.attendance-person small{color:#667085;font-size:11px}.attendance-number{background:#f2f4f7;border-radius:6px;padding:5px 8px;font-weight:650}.attendance-status-select{background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;min-width:125px;padding:8px 9px;font-weight:600}.attendance-status-select:disabled{cursor:not-allowed;background:#f2f4f7}.status-present{color:#15803d}.status-absent{color:#b91c1c}.status-late{color:#b45309}.status-halfday{color:#7c3aed}.status-leave{color:#6d28d9}.attendance-remarks{box-sizing:border-box;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:150px;padding:8px 9px}.attendance-remarks:focus{border-color:#2563eb}.attendance-recorded-badge,.attendance-unlocked-badge,.attendance-locked-badge,.attendance-not-marked{border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;font-weight:650;display:inline-flex}.attendance-recorded-badge,.attendance-unlocked-badge{color:#166534;background:#dcfce7}.attendance-locked-badge{color:#991b1b;background:#fee2e2}.attendance-not-marked{color:#667085;background:#f2f4f7}.record-status-group{flex-direction:column;gap:5px;display:flex}.attendance-status-badge{text-transform:capitalize;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-block}.attendance-status-badge.status-present{color:#166534;background:#dcfce7}.attendance-status-badge.status-absent{color:#991b1b;background:#fee2e2}.attendance-status-badge.status-late{color:#92400e;background:#fef3c7}.attendance-status-badge.status-halfday{color:#6d28d9;background:#ede9fe}.attendance-status-badge.status-leave{color:#4338ca;background:#e0e7ff}.attendance-mark-button,.attendance-unlock-small{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:7px;padding:8px 11px;font-weight:600}.attendance-mark-button:hover{background:#1d4ed8}.attendance-mark-button:disabled,.attendance-unlock-small:disabled{opacity:.6;cursor:not-allowed}.attendance-unlock-small{background:#dc2626}.attendance-unlock-small:hover{background:#b91c1c}.attendance-table-loading,.attendance-table-empty{text-align:center!important;padding:55px 20px!important}.attendance-table-empty div{margin-bottom:10px;font-size:35px}.attendance-table-empty strong{font-size:16px;display:block}.attendance-table-empty span{color:#667085;margin-top:5px;display:block}.standalone{background:#fff;border:1px solid #e5e7eb;border-radius:14px}.attendance-history-filters{grid-template-columns:repeat(3,minmax(180px,1fr)) minmax(160px,1fr);gap:15px;padding:20px;display:grid}.history-load-button{align-items:end;display:flex}.history-load-button button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:10px;font-weight:650}.history-actions,.report-actions{gap:8px;display:flex}.history-actions button,.report-actions button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 12px;font-weight:600}.attendance-report-header{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.attendance-report-header h2{margin:0}.attendance-report-header p{color:#667085;margin-bottom:0}.report-load-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 15px;font-weight:650}.report-number{font-weight:750}.present-number{color:#15803d}.absent-number{color:#b91c1c}.late-number{color:#b45309}.attendance-percentage{align-items:center;gap:8px;min-width:130px;display:flex}.percentage-bar{background:#e5e7eb;border-radius:20px;width:65px;height:7px;overflow:hidden}.percentage-fill{background:#2563eb;border-radius:20px;height:100%}.employee-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:20px;margin-bottom:20px;padding:25px;display:flex}.large-attendance-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:35px;font-weight:800;display:flex}.employee-profile-info h2{margin:0 0 10px}.employee-profile-info p{color:#667085;margin:5px 0}.back-report-button{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-weight:650}.report-actions-button{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:9px 14px}.attendance-loading{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.attendance-spinner{border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:.8s linear infinite attendance-spin}@keyframes attendance-spin{to{transform:rotate(360deg)}}.attendance-footer{color:#667085;justify-content:space-between;margin-top:25px;padding:18px 5px;font-size:12px;display:flex}@media (width<=1000px){.attendance-controls{grid-template-columns:1fr}.attendance-history-filters{grid-template-columns:1fr 1fr}.attendance-header{flex-direction:column;align-items:flex-start}.attendance-header-actions,.attendance-refresh-btn{width:100%}}@media (width<=700px){.attendance-page{padding:15px}.attendance-header h1{font-size:22px}.attendance-tabs{grid-template-columns:1fr;display:grid}.attendance-tabs button{width:100%}.attendance-history-filters{grid-template-columns:1fr}.attendance-report-header,.employee-profile-card{flex-direction:column;align-items:flex-start}.attendance-footer{flex-direction:column;gap:8px}}@media print{.attendance-page{background:#fff;padding:0}.attendance-tabs,.attendance-header-actions,.attendance-quick-actions,.attendance-info,.history-actions,.report-actions,.attendance-mark-button,.attendance-unlock-small,.attendance-footer{display:none!important}.attendance-table-card,.attendance-summary-card,.attendance-report-header,.employee-profile-card{box-shadow:none;border:1px solid #ddd}.attendance-table{min-width:0}}.leave-manager{background:linear-gradient(145deg,#fff 0%,#f5fbfa 100%);border:1px solid #cfe5df;border-radius:18px;margin:18px 0;padding:18px;box-shadow:0 8px 22px #10243e0d}.leave-manager>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.leave-manager header span{letter-spacing:.15em;color:#0f766e;font-size:10px;font-weight:900}.leave-manager h2{color:#123454;margin:4px 0;font-size:18px}.leave-manager header p{color:#526a82;max-width:700px;margin:0;font-size:11px}.leave-manager header>strong{color:#805b00;white-space:nowrap;background:#fff3cd;border-radius:9px;padding:8px 11px;font-size:11px}.leave-message{color:#096b4c;background:#edf9f5;border:1px solid #bde8d7;border-radius:9px;margin:12px 0;padding:9px 12px;font-size:11px}.leave-manager form{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;margin:15px 0;display:grid}.leave-manager label{color:#475569;gap:5px;font-size:10px;font-weight:800;display:grid}.leave-manager input,.leave-manager select{background:#fff;border:1px solid #cddbd9;border-radius:8px;padding:9px;font-size:11px}.leave-manager input:focus,.leave-manager select:focus{border-color:#0f766e;outline:2px solid #99d7ca}.leave-manager .wide{grid-column:span 3}.leave-manager form button,.leave-actions button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:800}.leave-manager form button:hover,.leave-actions button:hover{filter:brightness(.94)}.leave-manager button.muted{background:#64748b}.leave-table{background:#fff;border:1px solid #e0ece9;border-radius:11px;overflow:auto}.leave-table table{border-collapse:collapse;width:100%;min-width:720px;font-size:11px}.leave-table th,.leave-table td{text-align:left;border-bottom:1px solid #e5eceb;padding:10px}.leave-table th{letter-spacing:.08em;color:#64748b;background:#f2f8f7;font-size:9px}.leave-table td small{color:#64748b;margin-top:3px;display:block}.leave-empty{color:#64748b;text-align:center!important;padding:22px!important}.leave-status{border-radius:20px;padding:4px 7px;font-size:9px;font-weight:900}.leave-status.approved{color:#087443;background:#dcfce7}.leave-status.pending{color:#8a5b00;background:#fef3c7}.leave-status.declined{color:#a21919;background:#fee2e2}.leave-actions{flex-wrap:wrap;gap:4px;display:flex}.leave-actions .decline{background:#b45309}.leave-actions .delete{background:#b42318}@media (width<=850px){.leave-manager form{grid-template-columns:1fr 1fr}.leave-manager .wide{grid-column:span 2}}@media (width<=620px){.leave-manager{padding:14px}.leave-manager>header{flex-direction:column;align-items:flex-start}.leave-manager form{grid-template-columns:1fr}.leave-manager .wide{grid-column:auto}}.product-code-helper{color:#176a9c;min-height:28px;font:inherit;cursor:pointer;background:#f2f9ff;border:1px solid #b8d7ed;border-radius:7px;align-items:center;margin-top:7px;padding:5px 9px;font-size:11px;font-weight:750;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.product-code-helper:hover{background:#e7f4ff;border-color:#6daed8;transform:translateY(-1px)}.fuel-product-field-note{color:#0d678f;margin-top:7px;font-size:11px;font-weight:650;line-height:1.45;display:block}.fuel-product-balance-card{background:linear-gradient(135deg,#eff9ff,#f4fbff);border:1px solid #b7ddef;border-radius:10px;gap:4px;padding:12px 14px;display:grid}.fuel-product-balance-card strong{color:#075e8d;font-size:12px}.fuel-product-balance-card span{color:#4b6e84;font-size:11px;line-height:1.5}.mpesa-inbox{background:linear-gradient(120deg,#f4fffb,#f4f9ff);border:1px solid #c9e9dc;border-radius:15px;margin:14px 0;overflow:hidden}.mpesa-inbox.has-receipts{border-color:#4bb99b;box-shadow:0 10px 28px #0a765b21}.mpesa-inbox-summary{justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.mpesa-inbox-eyebrow{color:#098567;letter-spacing:.1em;font-size:10px;font-weight:900;display:block}.mpesa-inbox-summary strong{color:#17364f;margin-top:3px;font-size:15px;display:block}.mpesa-inbox-summary small{color:#5d7588;max-width:620px;margin-top:4px;font-size:12px;line-height:1.42;display:block}.mpesa-inbox-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mpesa-inbox button{font:inherit;cursor:pointer;font-weight:800}.mpesa-inbox-secondary,.mpesa-inbox-stk,.mpesa-inbox-text{color:#08795e;background:#fff;border:1px solid #a9dcca;border-radius:9px;padding:9px 12px;font-size:12px}.mpesa-inbox-secondary{color:#fff;background:linear-gradient(135deg,#087b67,#14977c);box-shadow:0 7px 16px #067b642e}.mpesa-inbox-stk{color:#3d4ed7;background:#f3f5ff;border-color:#b9c7ff;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.mpesa-inbox-stk:not(:disabled):hover,.mpesa-inbox-stk:not(:disabled):focus-visible{color:#087a51;background:#dcf9e8;border-color:#69cba0;transform:translateY(-1px);box-shadow:0 7px 16px #1f905330}.mpesa-inbox-text{background:0 0;border-color:#0000}.mpesa-inbox button:disabled{opacity:.55;cursor:not-allowed}.mpesa-inbox-notice,.mpesa-inbox-error{border-top:1px solid #c9e9dc;justify-content:space-between;align-items:center;gap:10px;padding:9px 17px;font-size:12px;font-weight:700;display:flex}.mpesa-inbox-notice{color:#08745d;background:#e7fff6}.mpesa-inbox-error{color:#af3550;background:#fff3f5;border-color:#f0c7d0}.mpesa-inbox-notice button,.mpesa-inbox-error button{color:inherit;background:0 0;border:0;font-size:18px}.mpesa-inbox-overlay{z-index:1300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1e3091;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mpesa-inbox-modal{background:#f8fcff;border:1px solid #bfe7d9;border-radius:21px;width:min(100%,1030px);max-height:min(88vh,820px);overflow:auto;box-shadow:0 28px 80px #07182861}.mpesa-inbox-modal>header{color:#fff;background:linear-gradient(125deg,#075b62,#087a67 64%,#139987);justify-content:space-between;gap:18px;padding:22px 24px;display:flex}.mpesa-inbox-modal>header span{letter-spacing:.12em;font-size:10px;font-weight:900}.mpesa-inbox-modal>header h3{margin:5px 0;font-size:24px}.mpesa-inbox-modal>header p{color:#d9fff3;max-width:680px;margin:0;font-size:13px;line-height:1.45}.mpesa-inbox-close{color:#fff;background:#ffffff1f;border:1px solid #ffffff8c;border-radius:10px;align-self:flex-start;width:35px;height:35px;font-size:23px}.mpesa-inbox-modal-actions{background:#fff;border-bottom:1px solid #dfeaf1;flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.mpesa-inbox-modal-actions button{color:#446277;background:#f9fcff;border:1px solid #d4e1e8;border-radius:8px;padding:8px 11px;font-size:12px}.mpesa-inbox-modal-actions .active{color:#087a60;background:#e8fff6;border-color:#11a184}.mpesa-inbox-list{gap:12px;padding:18px;display:grid}.mpesa-inbox-list article{background:#fff;border:1px solid #d5e5ed;border-radius:14px;overflow:hidden;box-shadow:0 5px 13px #19415f0d}.mpesa-receipt-top{background:linear-gradient(90deg,#ebfff8,#f4faff);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.mpesa-receipt-top span{color:#087a60;letter-spacing:.08em;font-size:10px;font-weight:900}.mpesa-receipt-top strong{color:#087a60;font-size:18px}.mpesa-receipt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:15px;display:grid}.mpesa-receipt-grid small{color:#73899b;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.mpesa-receipt-grid b{color:#183953;overflow-wrap:anywhere;margin:5px 0 3px;font-size:13px;display:block}.mpesa-receipt-grid span{color:#637d90;overflow-wrap:anywhere;font-size:11px;display:block}.mpesa-inbox-list footer{border-top:1px solid #e5edf2;justify-content:flex-end;gap:9px;padding:11px 14px;display:flex}.mpesa-inbox-reject,.mpesa-inbox-confirm,.mpesa-manual-form .form-actions button{color:#4a6072;background:#fff;border:1px solid #d6e0e9;border-radius:9px;padding:9px 12px;font-size:12px}.mpesa-inbox-reject{color:#b33c51;border-color:#f0cbd2}.mpesa-inbox-confirm{color:#fff;background:linear-gradient(135deg,#087f68,#10a986);border-color:#087d65;box-shadow:0 7px 16px #0783672e}.mpesa-inbox-empty{text-align:center;color:#627b8f;gap:5px;padding:36px;display:grid}.mpesa-inbox-empty b{color:#264b64}.mpesa-manual-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:20px;display:grid}.mpesa-manual-form>p{color:#776038;background:#fffaf0;border:1px solid #efdfb8;border-radius:9px;grid-column:1/-1;margin:0;padding:11px 13px;font-size:12px;line-height:1.45}.mpesa-manual-form label{color:#486276;flex-direction:column;gap:5px;font-size:12px;font-weight:800;display:flex}.mpesa-manual-form label small{color:#788fa0;font-size:10px}.mpesa-manual-form input,.mpesa-manual-form select{color:#193952;min-height:40px;font:inherit;background:#fff;border:1px solid #cbdce7;border-radius:8px;padding:9px 10px}.mpesa-manual-form .wide{grid-column:span 3}.mpesa-manual-form .form-actions{justify-content:flex-end;gap:9px;display:flex}@media (width<=720px){.mpesa-inbox-summary,.mpesa-inbox-modal>header{flex-direction:column;align-items:flex-start}.mpesa-receipt-grid,.mpesa-manual-form{grid-template-columns:1fr}.mpesa-manual-form .wide{grid-column:auto}.mpesa-inbox-list footer{flex-direction:column;align-items:stretch}.mpesa-inbox-modal{max-height:94vh}.mpesa-inbox-overlay{padding:8px}}@keyframes shift-alert-in{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}.shift-page .schedule-helper{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #bfdbfe;border-radius:11px;gap:4px;padding:12px 14px;display:grid}.shift-page .schedule-helper strong{color:#1e40af;font-size:12px}.shift-page .schedule-helper span{color:#475569;font-size:11px;line-height:1.45}@keyframes shift-fade{0%{opacity:0}to{opacity:1}}@keyframes shift-modal{0%{opacity:0;transform:translateY(13px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.shift-page :is(.summary-grid,.details-top,.report-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.shift-page .page-header,.shift-page .filter-card{flex-direction:column;align-items:stretch}.shift-page :is(.filter-group,.search-group){width:100%;min-width:0}.shift-page :is(.form-grid,.summary-grid,.details-top,.report-grid,.report-result){grid-template-columns:1fr}.shift-page .form-group.full{grid-column:auto}.shift-page .details-actions{padding:13px 16px}.shift-page .details-section,.shift-page .details-top{padding:16px}.shift-page .report-result{margin:0 16px 16px}.shift-page .modal form{padding:16px}.shift-page .modal-footer{flex-direction:column-reverse;align-items:stretch}.shift-page .modal-footer button{width:100%}}@media (width<=540px){.shift-page{padding:10px}.shift-page .page-header h1{font-size:25px}.shift-page .action-buttons{width:100%;min-width:0}.shift-page .action-buttons button{flex:1}.shift-page .modal-overlay{padding:7px}.shift-page .modal{border-radius:14px;max-height:calc(100vh - 14px)}.shift-page .modal-header{padding:15px}.shift-page .modal-header h2{font-size:17px}}@media (prefers-reduced-motion:reduce){.shift-page *,.shift-page :before,.shift-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shift-page{--erp-blue:#176ec8;--erp-blue-dark:#124f91;--erp-red:#c53c46;--erp-red-dark:#9f2f38;--erp-green:#16845f;--erp-green-dark:#106848;--erp-amber:#d97706;--erp-cyan:#168ca8;scrollbar-width:thin;scrollbar-color:#a9bdd1 #edf2f7;background:radial-gradient(circle at 4% 3%,#176ec81a,#0000 25rem),radial-gradient(circle at 96% 5%,#c53c4612,#0000 22rem),radial-gradient(circle at 92% 88%,#16845f0f,#0000 25rem),linear-gradient(#f8fbff 0%,#f3f6fa 48%,#eef3f8 100%);overflow-x:hidden}.shift-page ::-webkit-scrollbar-thumb{background:#a9bdd1;border:2px solid #edf2f7;border-radius:999px}.shift-page .page-header{background:radial-gradient(circle at 94% 10%,#c53c4621,#0000 14rem),linear-gradient(115deg,#123f78 0%,#176ec8 63%,#245784 100%);border:1px solid #dbe5ef;border-radius:15px;margin-bottom:18px;padding:15px 18px;position:relative;overflow:hidden;box-shadow:0 9px 22px #123f7826}.shift-page .page-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#16845f2b,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-95px;right:-55px}.shift-page .page-header>*{z-index:1;position:relative}.shift-page .page-header h1{color:#fff;letter-spacing:-.45px;font-size:clamp(22px,2.35vw,29px)}.shift-page .page-header p{color:#e8f2ffe0;margin-top:5px;font-size:12px}.shift-page .primary-btn,.shift-page .secondary-btn,.shift-page .view-btn,.shift-page .report-btn,.shift-page .close-btn,.shift-page .reopen-btn,.shift-page .lock-btn,.shift-page .delete-btn,.shift-page .danger-btn{transition:transform .17s,box-shadow .17s,background .17s,border-color .17s,color .17s,filter .17s}.shift-page .primary-btn{background:linear-gradient(135deg,#1459b5,#1b76d2);border-color:#0000;box-shadow:0 7px 16px #1459b538}.shift-page .primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#126b4d,#1d9a6e);transform:translateY(-2px);box-shadow:0 10px 21px #16845f3d}.shift-page .secondary-btn{color:#285f96;background:#f3f8fd;border-color:#bdd5eb}.shift-page .secondary-btn:hover:not(:disabled){color:#a93440;background:linear-gradient(135deg,#fff3f4,#ffe9ec);border-color:#e6b7bd;transform:translateY(-2px);box-shadow:0 8px 17px #a934401f}.shift-page .view-btn:hover:not(:disabled){color:#fff;background:#176ec8;border-color:#176ec8;transform:translateY(-2px);box-shadow:0 8px 16px #176ec838}.shift-page .report-btn:hover:not(:disabled){color:#fff;background:#168ca8;border-color:#168ca8;transform:translateY(-2px);box-shadow:0 8px 16px #168ca836}.shift-page .close-btn:hover:not(:disabled){color:#fff;background:#c53c46;border-color:#c53c46;transform:translateY(-2px);box-shadow:0 8px 16px #c53c4638}.shift-page .reopen-btn:hover:not(:disabled){color:#fff;background:#16845f;border-color:#16845f;transform:translateY(-2px);box-shadow:0 8px 16px #16845f38}.shift-page .lock-btn:hover:not(:disabled){color:#fff;background:#d97706;border-color:#d97706;transform:translateY(-2px);box-shadow:0 8px 16px #d9770636}.shift-page .delete-btn:hover:not(:disabled),.shift-page .danger-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#a72f39,#c53c46);border-color:#a72f39;transform:translateY(-2px);box-shadow:0 9px 18px #a72f393b}.shift-page .filter-card{background:linear-gradient(145deg,#fffffff7,#f8fbfff2);border:1px solid #dfe7f0;border-radius:14px;gap:12px;margin-bottom:16px;padding:14px;position:relative;box-shadow:0 7px 18px #0f172a0e}.shift-page .filter-card:hover{border-color:#cbd9e8;box-shadow:0 11px 24px #176ec813}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea){background:#fff;border-color:#d8e1eb;box-shadow:inset 0 1px 1px #0f172a05}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea):hover{background:#fcfdff;border-color:#aebed0}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea):focus{border-color:var(--erp-blue);background:#fff;box-shadow:0 0 0 3px #176ec81c}.shift-page .summary-grid{gap:11px;margin-bottom:16px}.shift-page .summary-card{background:linear-gradient(145deg,#fff,#fafcff);border-color:#dfe6ef;border-radius:13px;min-height:88px;padding:13px 14px;position:relative;overflow:hidden;box-shadow:0 5px 15px #0f172a0d}.shift-page .summary-card:after{content:"";background:linear-gradient(90deg, var(--erp-blue), var(--erp-red), var(--erp-green));width:0;height:3px;transition:width .22s;position:absolute;bottom:0;left:0}.shift-page .summary-card:hover{background:linear-gradient(145deg,#fff,#f4f9ff);border-color:#bfd2e4;transform:translateY(-3px);box-shadow:0 13px 27px #176ec81a}.shift-page .summary-card:hover:after{width:100%}.shift-page .summary-icon{color:#145a9e;background:linear-gradient(135deg,#e8f3ff,#eef8f4);border:1px solid #d4e4f5;border-radius:11px;flex-basis:42px;width:42px;height:42px;font-size:18px;transition:transform .18s,box-shadow .18s}.shift-page .summary-card:hover .summary-icon{transform:scale(1.07)rotate(-2deg);box-shadow:0 7px 15px #176ec81f}.shift-page .table-card{background:#fff;border:1px solid #dce5ee;border-radius:16px;position:relative;box-shadow:0 8px 22px #0f172a0f}.shift-page .table-header{background:linear-gradient(135deg,#fff,#f7faff);border-bottom:1px solid #e2e8f0;min-height:61px;padding:12px 16px}.shift-page .table-header h2{color:#172033;font-size:16px}.shift-page .table-header span{color:#738196}.shift-page .table-wrapper{scrollbar-gutter:stable;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow:auto hidden}.shift-page th{z-index:3;color:#42546b;letter-spacing:.07em;background:linear-gradient(#edf5fd,#e7f0fa);border-bottom:1px solid #dce5ef;padding:11px 13px;font-size:9.5px;position:sticky;top:0}.shift-page td{color:#475569;background:#fff;border-bottom:1px solid #edf1f5;padding:12px 13px;font-size:11.5px;transition:background .16s,color .16s,box-shadow .16s;position:relative}.shift-page tbody tr:nth-child(2n) td{background:#fbfcfe}.shift-page tbody tr:hover td{color:#1f3148;background:linear-gradient(90deg,#f1f7ff,#f8fbff)}.shift-page tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--erp-blue)}.shift-page tbody tr:hover .shift-name{color:var(--erp-blue-dark)}.shift-page .shift-name{color:#172033;font-weight:850;transition:color .16s}.shift-page .action-buttons{gap:5px;min-width:310px}.shift-page .action-buttons button{border-radius:8px;min-height:31px;padding:5px 8px;font-size:10.5px}.shift-page .status{border:1px solid #0000;min-width:68px;padding:5px 8px;box-shadow:inset 0 1px #ffffff8c}.shift-page .status-open{color:#137a46;background:#ecfdf5;border-color:#bbf7d0}.shift-page .status-closed{color:#536174;background:#f1f5f9;border-color:#d7dee8}.shift-page .status-locked{color:#c25b0a;background:#fff7ed;border-color:#fed7aa}.shift-page .status-reopened{color:#1764b6;background:#eff6ff;border-color:#bfdbfe}.shift-page .modal-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172aad}.shift-page .modal{border:1px solid #ffffffdb;border-radius:17px;box-shadow:0 28px 75px #0f172a4f}.shift-page .modal-header{background:linear-gradient(135deg,#fffffffa,#f5f9fef7);border-bottom:1px solid #e1e8f0;padding:16px 18px}.shift-page .modal-close{color:#536174;background:#f5f8fb;border:1px solid #dde5ee;transition:transform .16s,background .16s,color .16s,border-color .16s}.shift-page .modal-close:hover{color:#b3323e;background:#fff0f2;border-color:#efc3c8;transform:rotate(4deg)}.shift-page .transaction-option{border-radius:11px}.shift-page .transaction-option:hover{background:#f2f8ff;box-shadow:0 6px 14px #176ec812;border-color:#93c5fd!important}.shift-page .details-actions{background:linear-gradient(#fff,#fafcff);gap:7px;padding:11px 17px}.shift-page .details-top{background:#f4f8fc;gap:9px;padding:15px 17px}.shift-page .details-top>div{background:#fff;border-color:#dce5ee;border-radius:10px;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s}.shift-page .details-top>div:hover{border-color:#bfd5e8;transform:translateY(-2px);box-shadow:0 7px 15px #176ec814}.shift-page .details-section{background:#fff;padding:17px}.shift-page .calculation-box{background:linear-gradient(145deg,#f7faff,#f2f7fb);border-color:#d7e1eb;gap:8px;margin-top:14px;padding:10px}.shift-page .calculation-box>div{padding:9px;transition:transform .16s,border-color .16s,box-shadow .16s}.shift-page .calculation-box>div:hover{border-color:#bfd5e8;transform:translateY(-2px);box-shadow:0 6px 13px #176ec814}.shift-page .report-grid{gap:9px}.shift-page .report-grid>div{background:linear-gradient(145deg,#fff,#f8fbff);border-color:#dce5ee;min-height:76px;padding:11px;transition:transform .16s,border-color .16s,box-shadow .16s}.shift-page .report-grid>div:hover{border-color:#bfd4e6;transform:translateY(-2px);box-shadow:0 7px 15px #176ec814}.shift-page .report-result{background:linear-gradient(135deg,#eef6ff,#f3faf7);border-color:#cfddeb;gap:9px;margin-bottom:17px;padding:10px}.shift-page .report-result>div{border-radius:9px;padding:11px;transition:transform .16s,box-shadow .16s}.shift-page .report-result>div:hover{transform:translateY(-2px);box-shadow:0 7px 15px #0f172a12}.shift-page .report-result strong{color:var(--erp-blue-dark);font-size:18px}.shift-page .alert{border-radius:11px;box-shadow:0 13px 29px #0f172a24}.shift-page .alert button:hover{background:#0f172a0f;border-radius:7px}@media (width<=1100px){.shift-page .summary-grid,.shift-page .report-grid,.shift-page .details-top{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.shift-page{padding:13px}.shift-page .page-header{align-items:flex-start;gap:10px;margin-bottom:14px;padding:14px}.shift-page .page-header h1{font-size:22px}.shift-page .page-header p{font-size:11px}.shift-page .filter-card{gap:10px;padding:12px}.shift-page .summary-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;gap:9px;margin-right:-13px;padding:1px 13px 8px 1px;display:flex;overflow:auto hidden}.shift-page .summary-card{scroll-snap-align:start;flex:0 0 min(75vw,255px);min-height:84px}.shift-page .table-card{border-radius:13px}.shift-page .table-header{flex-direction:column;align-items:flex-start;min-height:0;padding:12px 13px}.shift-page .table-wrapper table{min-width:970px}.shift-page th{padding:10px 11px}.shift-page td{padding:11px}.shift-page .action-buttons{min-width:280px}.shift-page .details-actions{padding:10px 13px}.shift-page .details-top,.shift-page .report-grid{grid-template-columns:1fr}.shift-page .modal-header,.shift-page .modal form{padding:14px}}@media (width<=540px){.shift-page{padding:9px}.shift-page .page-header{border-radius:13px;padding:13px}.shift-page .page-header h1{font-size:20px}.shift-page .summary-card{flex-basis:min(83vw,250px)}.shift-page .table-header h2{font-size:15px}.shift-page .table-wrapper table{min-width:900px}.shift-page .action-buttons{width:auto;min-width:265px}.shift-page .action-buttons button{flex:none}.shift-page .modal-overlay{padding:5px}.shift-page .modal{border-radius:12px;max-height:calc(100vh - 10px)}}@media (hover:none){.shift-page .summary-card:hover,.shift-page .details-top>div:hover,.shift-page .calculation-box>div:hover,.shift-page .report-grid>div:hover,.shift-page .report-result>div:hover,.shift-page :is(.primary-btn,.secondary-btn,.view-btn,.report-btn,.close-btn,.reopen-btn,.lock-btn,.delete-btn,.danger-btn):hover:not(:disabled){transform:none}}.shift-page .shift-report-modal{background:#f6f9fc;max-width:1060px}.shift-page .shift-report-hero{color:#fff;background:radial-gradient(circle at 94% 5%,#57c6d759,#0000 29%),linear-gradient(125deg,#102f52,#176d84);border:0;min-height:128px;padding:20px 23px;position:relative;overflow:hidden}.shift-page .shift-report-hero:after{content:"";border:1px solid #ffffff40;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-75px;right:36px}.shift-page .shift-report-hero>div{z-index:1;position:relative}.shift-page .shift-report-eyebrow{color:#bfeaf0;letter-spacing:.15em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.shift-page .shift-report-hero h2{color:#fff;letter-spacing:-.035em;margin:0;font-size:26px;font-weight:900}.shift-page .shift-report-hero p{color:#e4f7f8;margin:5px 0 0;font-size:12px}.shift-page .shift-report-meta{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.shift-page .shift-report-meta span{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.shift-page .shift-report-hero .modal-close{z-index:2;color:#fff;background:#ffffff1f;border-color:#ffffff52;position:relative}.shift-page .shift-report-hero .modal-close:hover{color:#b3323e;background:#fff;border-color:#fff}.shift-page .shift-report-kpis{background:#f6f9fc;border-bottom:1px solid #e2ebf2;gap:10px;margin:0;padding:16px 18px}.shift-page .shift-report-kpi{border:1px solid #dce7ef;border-radius:12px;min-height:90px;box-shadow:0 5px 14px #142e4a0d}.shift-page .shift-report-kpi:first-child{border-top:3px solid #4169e1}.shift-page .shift-report-kpi:nth-child(2){border-top:3px solid #d18b2d}.shift-page .shift-report-kpi:nth-child(3){border-top:3px solid #168b73}.shift-page .shift-report-kpi:nth-child(4){border-top:3px solid #1f7297}.shift-page .shift-report-kpi strong{color:#123b66;font-size:18px}.shift-page .shift-report-section{background:#fff;border:1px solid #dce7ef;border-radius:13px;margin:0 18px 14px;padding:16px;box-shadow:0 5px 14px #142e4a0a}.shift-page .shift-report-section+.shift-report-section{margin-top:0}.shift-page .shift-report-section-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px;display:flex}.shift-page .shift-report-section-heading span{color:#2c77b8;letter-spacing:.12em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.shift-page .shift-report-section-heading h3{color:#143758;margin:0;font-size:15px}.shift-page .shift-report-section-heading>strong{color:#0c6f5c;font-size:14px}.shift-page .shift-report-section .report-grid{gap:8px}.shift-page .shift-report-section .report-grid>div{background:#fbfdff;border-color:#e1eaf1;border-radius:10px;min-height:70px}.shift-page .shift-report-section .report-grid>div:nth-child(4n+1){border-left:3px solid #4479ba}.shift-page .shift-report-section .report-grid>div:nth-child(4n+2){border-left:3px solid #15927c}.shift-page .shift-report-section .report-grid>div:nth-child(4n+3){border-left:3px solid #bf842b}.shift-page .shift-report-section .report-grid>div:nth-child(4n){border-left:3px solid #7c63c9}.shift-page .shift-report-section .report-grid strong{color:#173c60;font-size:15px}.shift-page .shift-report-result{background:linear-gradient(120deg,#edf7ff,#eefbf6);border:1px solid #bfd9ee;border-radius:13px;margin:2px 18px 16px;position:relative;overflow:hidden}.shift-page .shift-report-result:before{content:"RECONCILIATION";color:#1f729721;letter-spacing:.08em;font-size:21px;font-weight:900;position:absolute;top:8px;right:14px}.shift-page .shift-report-result.shortage{background:linear-gradient(120deg,#fff3f3,#fff9ed);border-color:#f1c4c7}.shift-page .shift-report-result.overage{background:linear-gradient(120deg,#edf6ff,#f4f8ff);border-color:#bedaf3}.shift-page .shift-report-result>div{z-index:1;background:#ffffffbd;position:relative}.shift-page .shift-report-result>div:last-child strong{color:#0b7a66}.shift-page .shift-report-result.shortage>div:last-child strong{color:#b23840}.shift-page .shift-report-footer{background:#fff;border-top:1px solid #e3ebf1;padding:13px 18px 18px}.shift-page .shift-report-footer .primary-btn{background:linear-gradient(135deg,#166f9d,#104875)}.shift-page .stock-count-modal{max-width:620px}.shift-page .stock-count-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 21px}.shift-page .stock-count-summary strong{color:#123e67;font-size:13px;line-height:1.35}.shift-page .text-danger{color:#b4232f;font-weight:800}.shift-page .text-success{color:#087960;font-weight:800}.shift-page .template-board{background:linear-gradient(135deg,#fbfdff 0%,#f2f8fd 58%,#f4fbf9 100%);border:1px solid #d9e7f3;border-radius:16px;margin:0 0 18px;padding:18px;box-shadow:0 8px 22px #183f620d}.shift-page .template-board-header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:15px;display:flex}.shift-page .template-board h2{color:#123c63;letter-spacing:-.01em;margin:3px 0 4px;font-size:18px}.shift-page .template-board p{color:#667c93;max-width:640px;margin:0;font-size:12px;line-height:1.55}.shift-page .eyebrow{color:#2075b5;letter-spacing:.12em;font-size:10px;font-weight:900}.shift-page .template-workflow{color:#51708b;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:10px;font-weight:750;display:inline-flex}.shift-page .template-workflow span{background:#ffffffb8;border:1px solid #dce8f2;border-radius:99px;align-items:center;gap:5px;min-height:23px;padding:3px 7px;display:inline-flex}.shift-page .template-workflow b{color:#1764a1;background:#e2effb;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:inline-grid}.shift-page .template-workflow i{color:#8aa4ba;font-size:13px;font-style:normal}.shift-page .template-board-actions{flex-wrap:wrap;align-items:end;gap:9px;display:flex}.shift-page .template-board-actions label{color:#56718c;gap:4px;font-size:10px;font-weight:800;display:grid}.shift-page .template-board-actions input{color:#183a5c;background:#fff;border:1px solid #cddded;border-radius:9px;min-height:37px;padding:7px 9px;transition:border-color .18s,box-shadow .18s}.shift-page .template-board-actions input:focus{border-color:#4a91cc;outline:none;box-shadow:0 0 0 3px #3487cd21}.shift-page .template-planner-summary{grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px;margin:0 0 13px;display:grid}.shift-page .template-planner-summary>div{background:#ffffffc7;border:1px solid #dce8f1;border-radius:10px;min-width:0;padding:10px 11px}.shift-page .template-planner-summary span{color:#6b8298;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:850;display:block;overflow:hidden}.shift-page .template-planner-summary strong{color:#153e64;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:15px;display:block;overflow:hidden}.shift-page .template-planner-summary .template-date-summary{background:linear-gradient(135deg,#eaf5ff,#effbf7);border-color:#cfe4ec}.shift-page .template-planner-summary .template-date-summary strong{color:#0c8068;white-space:normal;font-size:11px;line-height:1.4}.shift-page .template-section-tabs{border-bottom:1px solid #dfebf2;flex-wrap:wrap;gap:6px;margin:0 0 13px;padding-bottom:12px;display:flex}.shift-page .template-section-tabs button{color:#4a667e;cursor:pointer;min-height:29px;font:inherit;background:#fff;border:1px solid #d6e3ed;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.shift-page .template-section-tabs button small{color:#54718b;background:#edf3f8;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.shift-page .template-section-tabs button:hover{color:#1c618e;border-color:#9fc5df;transform:translateY(-1px)}.shift-page .template-section-tabs button.active{color:#fff;background:linear-gradient(120deg,#196eab,#147f75);border-color:#147f75;box-shadow:0 4px 10px #14698b2b}.shift-page .template-section-tabs button.active small{color:#0f766e;background:#fff}.shift-page .template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;display:grid}.shift-page .template-card{background:#fff;border:1px solid #d5e2ed;border-radius:13px;flex-direction:column;min-height:245px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #1434500b}.shift-page .template-card:before{content:"";background:linear-gradient(90deg,#2374b6,#13927b);height:3px;position:absolute;top:0;left:0;right:0}.shift-page .template-card:hover{border-color:#bdd7e9;transform:translateY(-2px);box-shadow:0 10px 20px #143d5d17}.shift-page .template-card.is-runnable{border-color:#b9ded5;box-shadow:0 7px 18px #0e7a6817}.shift-page .template-card.is-inactive{opacity:.72;background:#f8fafc}.shift-page .template-card.is-inactive:hover{border-color:#d5e2ed;transform:none;box-shadow:0 4px 12px #1434500b}.shift-page .template-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.shift-page .template-state,.shift-page .template-section{border-radius:999px;align-items:center;min-height:22px;padding:3px 7px;font-size:9px;font-weight:850;display:inline-flex}.shift-page .template-state.active{color:#0c8068;background:#e7f8f1}.shift-page .template-state.inactive{color:#6d7785;background:#f2f4f7}.shift-page .template-state.frozen{color:#9a5a08;background:#fff3de}.shift-page .template-state.terminated{color:#af3348;background:#fff0f2}.shift-page .template-section{text-overflow:ellipsis;white-space:nowrap;color:#37678f;background:#eef5fb;max-width:58%;overflow:hidden}.shift-page .template-card h3{color:#173d62;margin:12px 0 2px;font-size:16px}.shift-page .template-label{color:#7691a9;letter-spacing:.1em;font-size:8px;font-weight:900;display:block}.shift-page .template-time-panel{background:linear-gradient(135deg,#f3fbfa,#f7fbff);border:1px solid #dcebe9;border-radius:9px;margin-top:9px;padding:8px 9px}.shift-page .template-time-panel span,.shift-page .template-time-panel small{color:#618195;font-size:9px;font-weight:750;display:block}.shift-page .template-time-panel strong{color:#0a7565;margin:3px 0 2px;font-size:14px;display:block}.shift-page .template-facts{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0;display:grid}.shift-page .template-facts div{min-width:0}.shift-page .template-facts dt{color:#8296a8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:8px;font-weight:900}.shift-page .template-facts dd{color:#476780;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:750;line-height:1.35;overflow:hidden}.shift-page .template-note{color:#667c91;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 9px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.shift-page .template-status-reason{color:#77501b;background:#fffaf1;border:1px solid #f2d9b2;border-radius:8px;margin:-3px 0 9px;padding:7px 8px;font-size:10px;line-height:1.38}.shift-page .template-card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.shift-page .template-card-actions button{padding:7px 9px;font-size:10px;transition:transform .16s,filter .16s,box-shadow .16s}.shift-page .template-card-actions button:hover:not(:disabled){filter:saturate(1.06);transform:translateY(-1px);box-shadow:0 4px 10px #143d5d1f}.shift-page .template-empty{color:#657c92;text-align:center;background:#ffffffb3;border:1px dashed #cadbe9;border-radius:11px;padding:18px;font-size:12px}.shift-page .template-modal{max-width:960px}.shift-page .shift-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.shift-page .shift-choice{color:#52708c;text-align:center;cursor:pointer;background:#fff;border:1px solid #d6e2ef;border-radius:8px;justify-content:center;align-items:center;min-height:39px;padding:7px 9px;font-size:11px;font-weight:800;line-height:1.2;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex}.shift-page .shift-choice:hover{background:#f7fbff;border-color:#8db6de;transform:translateY(-1px)}.shift-page .shift-choice.selected{color:#155787;background:linear-gradient(135deg,#eaf5ff,#f2f9ff);border-color:#2b77b8;box-shadow:0 3px 9px #2670ae24}.shift-page .shift-choice input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;margin:-1px;position:absolute;overflow:hidden;width:1px!important;height:1px!important;min-height:0!important;padding:0!important}.shift-page .shift-choice-grid+input{margin-top:9px}.shift-page .weekday-picker{flex-wrap:wrap;gap:7px;display:flex}.shift-page .weekday-picker label{color:#52708c;cursor:pointer;background:#fff;border:1px solid #d6e2ef;border-radius:8px;align-items:center;gap:5px;min-width:52px;padding:8px 9px;font-size:11px;font-weight:800;display:inline-flex}.shift-page .weekday-picker label.selected{color:#1e5fa0;background:#edf6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.shift-page .weekday-picker input{accent-color:#2563eb;width:14px;height:14px;margin:0}.shift-page .compact-check label{color:#295474;align-items:center;gap:8px;font-size:12px;font-weight:750;display:inline-flex}.shift-page .compact-check input{accent-color:#148c77;width:16px;height:16px;margin:0}.shift-page .template-allocation-panel{background:#f8fcfd;border:1px solid #d9e7ee;border-radius:12px;margin:0 21px 21px;padding:17px}.shift-page .template-allocation-panel .section-heading{margin-bottom:12px}.shift-page .template-allocation-panel .section-heading h3{color:#173f63;margin:0;font-size:15px}.shift-page .template-allocation-panel .section-heading span{color:#708398;font-size:11px}.shift-page .template-allocation-form{padding:0}.shift-page .template-allocation-actions{justify-content:flex-end;margin-top:10px;display:flex}.shift-page .template-assignment-list{gap:7px;margin-top:14px;display:grid}.shift-page .template-assignment-item{background:#fff;border:1px solid #e0ebf2;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.shift-page .template-assignment-item strong,.shift-page .template-assignment-item span{display:block}.shift-page .template-assignment-item strong{color:#214666;font-size:12px}.shift-page .template-assignment-item span{color:#718498;margin-top:2px;font-size:10px}.shift-page .template-assignment-item .danger-btn{padding:6px 8px;font-size:10px}@media (width<=760px){.shift-page .shift-report-hero{min-height:0;padding:18px}.shift-page .shift-report-hero h2{font-size:23px}.shift-page .shift-report-kpis{padding:13px}.shift-page .shift-report-section{margin:0 13px 12px;padding:13px}.shift-page .shift-report-result{margin:2px 13px 13px}.shift-page .stock-count-summary{grid-template-columns:1fr;margin:0 16px}.shift-page .template-board{padding:14px}.shift-page .template-board-header{flex-direction:column;align-items:stretch}.shift-page .template-board-actions{align-items:stretch}.shift-page .template-board-actions label,.shift-page .template-board-actions .primary-btn{flex:1}.shift-page .template-planner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.shift-page .template-workflow i{display:none}.shift-page .template-allocation-panel{margin:0 16px 16px;padding:13px}.shift-page .template-assignment-item{flex-direction:column;align-items:stretch}.shift-page .shift-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--ops-navy:#10233f;--ops-teal:#087e8b;--ops-green:#13795b;--ops-bg:#f4f7fb;--ops-border:#dce5f0;--ops-text:#1d2a3b;--ops-muted:#65758b;--ops-red:#bc3c48}.operations-page{isolation:isolate;background:radial-gradient(circle at 100% 0, #35b0ab1c, transparent 28rem), var(--ops-bg);min-height:100vh;color:var(--ops-text);padding:20px max(24px,50vw - 740px);font-family:Inter,Segoe UI,Arial,sans-serif;position:relative}.operations-hero{color:#fff;background:linear-gradient(110deg,#152f52,#245f98);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #152f5221}.operations-hero:after{display:none}.operations-hero>*{z-index:1;position:relative}.operations-eyebrow{color:#b9d8ff;letter-spacing:1.4px;margin:0 0 4px;font-size:10px;font-weight:800}.operations-hero h1{letter-spacing:-.5px;margin:0;font-size:clamp(23px,2.15vw,29px);line-height:1.2}.operations-hero p{color:#dce9fa;max-width:760px;margin:5px 0 0;font-size:13px;line-height:1.42}.operations-content{margin-top:15px}.operations-tabs,.operations-toolbar,.operations-actions,.operations-inline,.operations-checks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.operations-tabs{margin-bottom:18px}.operations-tabs button,.operations-btn{border:1px solid var(--ops-border);color:var(--ops-text);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.operations-tabs button:hover,.operations-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1936531f}.operations-tabs button:focus-visible,.operations-btn:focus-visible{outline-offset:2px;outline:3px solid #19aeaa59}.operations-tabs button.active,.operations-btn.primary{color:#fff;background:linear-gradient(130deg,#087e8b,#0a9272);border-color:#0b908d}.operations-btn.success{color:#fff;background:#14795b;border-color:#14795b}.operations-btn.danger{color:#bc3c48;border-color:#bc3c48}.operations-btn.ghost{background:0 0}.operations-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.operations-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.operations-card{border:1px solid var(--ops-border);background:#fffffff5;border-radius:16px;grid-column:span 12;padding:22px;box-shadow:0 5px 20px #1f37570d}.operations-card.half{grid-column:span 6}.operations-card.third{grid-column:span 4}.operations-card h2,.operations-card h3{color:var(--ops-navy);margin:0}.operations-card>p{color:var(--ops-muted);margin:7px 0 18px}.operations-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.operations-form .span-2{grid-column:span 2}.operations-form .span-all{grid-column:1/-1}.operations-field{min-width:0}.operations-field label{color:#46556a;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.operations-field input,.operations-field select,.operations-field textarea{box-sizing:border-box;width:100%;min-height:42px;color:var(--ops-text);font:inherit;background:#fff;border:1px solid #cfdbe8;border-radius:9px;padding:10px 11px}.operations-field textarea{resize:vertical;min-height:82px}.operations-field input:focus,.operations-field select:focus,.operations-field textarea:focus{border-color:var(--ops-teal);outline:none;box-shadow:0 0 0 3px #087e8b21}.operations-note{color:#176452;background:#edf8f6;border-radius:10px;padding:11px 13px;font-size:13px}.operations-alert{color:#a72e3b;background:#fff1f2;border-radius:10px;margin:15px 0;padding:12px 14px;font-weight:700}.operations-success{color:#13795b;background:#eaf9f2;border-radius:10px;margin:15px 0;padding:12px 14px;font-weight:700}.operations-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.operations-metric{background:linear-gradient(145deg,#f2faff,#f7fcff);border:1px solid #dcebf4;border-radius:12px;padding:15px}.operations-metric span{color:var(--ops-muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.operations-metric strong{color:var(--ops-navy);margin-top:7px;font-size:19px;display:block}.operations-table-wrap{border:1px solid var(--ops-border);border-radius:12px;overflow:auto}.operations-table{border-collapse:collapse;width:100%;min-width:830px;font-size:13px}.operations-table th{color:#5b6d82;letter-spacing:.4px;text-align:left;text-transform:uppercase;background:#f7fafc;padding:11px 13px;font-size:11px}.operations-table td{vertical-align:top;border-top:1px solid #e7edf4;padding:12px 13px}.operations-table tr:hover td{background:#fbfdff}.operations-table .money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.operations-status{color:#46576c;background:#edf2f7;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.operations-status.posted,.operations-status.completed,.operations-status.paid,.operations-status.approved{color:#13795b;background:#e5f7ef}.operations-status.returned,.operations-status.rejected,.operations-status.cancelled{color:#b33140;background:#fff0f1}.operations-status.submitted,.operations-status.pending,.operations-status.pendingapproval,.operations-status.pendingaccountreview,.operations-status.pendingsuperadminapproval{color:#916711;background:#fff7df}.operations-status.generated{color:#235a9c;background:#eaf3ff}.operations-status.draft{color:#526276;background:#eef2f7}.operations-status.withdrawn{color:#69798d;background:#f1f3f7}.operations-status.returnedforcorrection{color:#b33140;background:#fff0f1}.operations-status.frozen,.operations-status.urgent{color:#5036a3;background:#eef1ff}.operations-status.high{color:#ae5f13;background:#fff2e5}.operations-checks label{border:1px solid var(--ops-border);color:#4f6072;cursor:pointer;border-radius:8px;padding:7px 9px;font-size:12px}.operations-check{color:#46556a;align-items:center;gap:8px;padding-top:28px;font-size:13px;font-weight:700;display:flex}.operations-check input{width:auto;min-height:auto}.operations-search{min-width:min(340px,100%);min-height:42px;font:inherit;border:1px solid #cfdbe8;border-radius:9px;padding:10px 11px}.operations-search:focus{border-color:var(--ops-teal);outline:none;box-shadow:0 0 0 3px #087e8b21}.operations-empty{color:var(--ops-muted);text-align:center;padding:34px}.operations-modal{z-index:3000;-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:radial-gradient(circle at 18% 10%,#7867ee33,#0000 28rem),#0a1830ad;place-items:center;padding:18px;animation:.2s ease-out operations-overlay-in;display:grid;position:fixed;inset:0}.operations-modal-card{background:linear-gradient(130deg,#f6f8ffc2,#0000 30%),#fff;border:1px solid #dee6f4f5;border-radius:21px;width:min(1000px,100%);max-height:calc(100vh - 36px);padding:25px;animation:.24s cubic-bezier(.22,.9,.3,1) operations-dialog-in;position:relative;overflow:auto;box-shadow:0 28px 80px #020c215c,0 2px 8px #0a1f4514}.operations-modal-card:before{content:"";background:linear-gradient(90deg,#485ada,#30ad95);border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:28px;right:28px}.operations-modal-card>h2,.operations-modal-card>h3{letter-spacing:-.35px;padding-top:3px}.operations-modal-small{width:min(760px,100%)}.operations-subform{background:#f5fffd;border:1px solid #bce8e4;border-radius:13px;margin:17px 0;padding:17px}.profile-grid{margin-top:18px}.operations-unread td{background:#effbfa}.operations-message-body{white-space:pre-wrap;color:#26364b;line-height:1.65}.operations-thread{gap:10px;margin:18px 0;display:grid}.operations-reply{border:1px solid var(--ops-border);background:#f8fbfe;border-radius:11px;padding:12px 14px}.operations-reply small{color:var(--ops-muted);margin-top:3px;display:block}.operations-reply p{white-space:pre-wrap;margin:8px 0 0}@keyframes operations-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes operations-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.operations-page{padding-inline:20px}.operations-card.half,.operations-card.third{grid-column:span 12}.operations-form,.operations-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.operations-page{padding:14px}.operations-hero{border-radius:12px;padding:17px 18px;display:grid}.operations-hero h1{font-size:25px}.operations-hero .operations-btn{justify-content:center;width:100%}.operations-content{margin-top:16px}.operations-grid{gap:13px}.operations-card{border-radius:14px;padding:17px}.operations-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.operations-tabs button{min-width:0;padding:10px 8px;font-size:12px}.operations-tabs .operations-btn{grid-column:1/-1}.operations-inline{align-items:stretch}.operations-inline>div:first-child{min-width:100%}.operations-inline .operations-actions,.operations-inline>.operations-btn{width:100%}.operations-actions .operations-btn{flex:130px}.operations-form{grid-template-columns:1fr}.operations-form .span-2{grid-column:span 1}.operations-summary{grid-template-columns:1fr}.operations-table{min-width:710px}.operations-modal{align-items:end;padding:0}.operations-modal-card{border-radius:18px 18px 0 0;max-height:min(90vh,820px);padding:19px}}@media (prefers-reduced-motion:reduce){.operations-tabs button,.operations-btn,.operations-modal,.operations-modal-card{transition:none;animation:none}.operations-tabs button:hover,.operations-btn:hover{transform:none}}.financial-control-page{--finance-emerald:#09856e;--finance-teal:#167ca1;--finance-gold:#b67719;--finance-ink:#122a3d;background:radial-gradient(circle at 4% 2%,#15997a21,#0000 29rem),radial-gradient(circle at 96% 34%,#c7902c1c,#0000 27rem),#f5f8f8}.financial-control-page .operations-hero{background:linear-gradient(110deg,#152f52,#255f98);align-items:center;min-height:0;padding:18px 24px;box-shadow:0 8px 20px #152f5221}.financial-control-page .operations-hero h1{letter-spacing:-.7px;margin:0 0 5px;font-size:clamp(23px,2.15vw,29px);font-weight:800;line-height:1.2}.financial-control-page .operations-hero p{margin-top:5px;font-size:13px;line-height:1.45}.financial-control-page .operations-eyebrow{color:#b9d8ff;letter-spacing:1.2px;margin-bottom:5px;font-size:10px}.financial-control-page .operations-tabs{background:#ffffffc7;border:1px solid #dce8e6;border-radius:15px;gap:8px;padding:7px;box-shadow:0 9px 22px #17494c0e}.financial-control-page .operations-tabs button{border-color:#0000;border-radius:10px;padding:8px 14px;font-size:13px}.financial-control-page .operations-tabs button:not(.active):hover{color:#0c7867;background:#ebf7f4}.financial-control-page .operations-tabs button.active,.financial-control-page .operations-btn.primary{background:linear-gradient(125deg, var(--finance-emerald), var(--finance-teal));border-color:#0000;box-shadow:0 8px 18px #087c6838}.financial-control-page .operations-btn.success{background:linear-gradient(125deg,#087b61,#22a27f);border-color:#0000;box-shadow:0 8px 17px #087b612e}.financial-control-page .operations-btn{font-size:13px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.financial-control-page .operations-btn:not(:disabled):hover{transform:translateY(-2px)}.financial-control-page .operations-btn:not(.primary):not(.success):not(.danger):not(.ghost):hover{color:#087563;background:#e9f8f3;border-color:#91cfc0;box-shadow:0 9px 18px #1172601f}.financial-control-page .operations-btn.ghost:hover{color:#087563;background:#edf9f6;border-color:#c8e7df}.financial-control-page .operations-btn.primary:hover{background:linear-gradient(125deg,#087765,#166d91);box-shadow:0 12px 22px #087c684a}.financial-control-page .operations-btn.success:hover{background:linear-gradient(125deg,#066c55,#188c6e);box-shadow:0 12px 22px #087b6142}.financial-control-page .operations-btn.danger:hover{color:#fff;background:#bd4550;border-color:#bd4550;box-shadow:0 9px 18px #bb384733}.financial-control-page .operations-card{border-color:#dce9e7;border-radius:19px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 10px 29px #194c4b0e}.financial-control-page .operations-card:hover{border-color:#cbe0db;transform:translateY(-2px);box-shadow:0 17px 34px #19544f17}.financial-control-page .operations-card h2,.financial-control-page .operations-card h3{color:var(--finance-ink);letter-spacing:-.35px;font-size:17px}.financial-control-page .operations-card>p{font-size:13px;line-height:1.5}.financial-control-page .operations-field input:focus,.financial-control-page .operations-field select:focus,.financial-control-page .operations-field textarea:focus{border-color:var(--finance-emerald);box-shadow:0 0 0 3px #09856e21}.financial-control-page .operations-note{background:linear-gradient(135deg,#edf9f5,#f4fbff);border:1px solid #ccebe2}.financial-control-page .operations-metric{background:linear-gradient(145deg,#fff,#f3fbf8);border-color:#dbece8;transition:transform .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden}.financial-control-page .operations-metric:hover{background:linear-gradient(145deg,#fff,#eaf8f3);transform:translateY(-2px);box-shadow:0 10px 20px #1c675a1c}.financial-control-page .operations-metric:before{content:"";background:var(--finance-emerald);width:4px;position:absolute;top:0;bottom:0;left:0}.financial-control-page .operations-metric:nth-child(2):before{background:var(--finance-teal)}.financial-control-page .operations-metric:nth-child(3):before{background:var(--finance-gold)}.financial-control-page .operations-metric:nth-child(4):before{background:#7056ba}.financial-control-page .operations-metric strong{color:var(--finance-ink);letter-spacing:-.45px;font-size:20px}.financial-control-page .operations-table-wrap{border-color:#dce9e7;border-radius:14px}.financial-control-page .operations-table th{color:#5b6f77;background:linear-gradient(90deg,#eff9f6,#f8fbf5);font-size:11px}.financial-control-page .operations-table tbody tr{transition:background .16s,box-shadow .16s}.financial-control-page .operations-table td{font-size:13px}@media (width<=620px){.financial-control-page .operations-hero{padding:19px}.financial-control-page .operations-hero h1{font-size:23px}}.finance-dashboard{gap:18px}.finance-housing-row{position:relative}.finance-performance-row.finance-housing-row{background:linear-gradient(105deg,#faf8ff,#f2f9ff);border:1px solid #d9d0f6;border-radius:13px;padding:10px 12px}.finance-performance-row.finance-housing-row .finance-performance-label strong:before{content:"⌂";color:#6650b7;background:#ebe5ff;border-radius:7px;place-items:center;width:22px;height:22px;margin-right:7px;font-size:15px;display:inline-grid}.finance-performance-row.finance-housing-row .finance-bar-value{background:linear-gradient(90deg,#6e58c7,#4c9fc2)}.operations-table tbody tr.finance-housing-row td{background:#fcfbff}.operations-table tbody tr.finance-housing-row td:first-child{color:#514091}.finance-report-filter{grid-template-columns:minmax(230px,.88fr) minmax(440px,1.12fr);align-items:end;gap:24px;display:grid}.finance-kicker{color:var(--finance-emerald);letter-spacing:1.15px;margin:0 0 5px;font-weight:800;font-size:10px!important}.finance-period-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.finance-period-controls .operations-field{flex:138px;min-width:138px}.finance-report-actions{flex:none;gap:8px;padding-bottom:1px;display:flex}.finance-summary-grid{grid-template-columns:repeat(6,minmax(130px,1fr));margin:17px 0 13px}.finance-summary-grid .operations-metric{min-height:89px;padding:14px 13px 12px 17px}.finance-summary-grid .operations-metric strong{margin-top:6px;font-size:clamp(16px,1.35vw,20px);display:block}.finance-manual-summary{grid-template-columns:repeat(3,minmax(130px,1fr));margin-bottom:15px}.finance-manual-shift-note{color:#3c5570;margin-top:12px;background:linear-gradient(135deg,#f3f7ff,#f8fbff)!important;border-color:#d8e5ff!important}.finance-method-strip{flex-wrap:wrap;gap:7px;margin:0 0 13px;display:flex}.finance-method-strip span,.finance-legend{color:#4c6972;background:#f4fbf8;border:1px solid #d8ebe6;border-radius:999px;padding:5px 9px;font-size:11px}.finance-method-strip strong{color:var(--finance-ink)}.finance-performance-chart{gap:12px;margin:17px 0 20px;display:grid}.finance-performance-row{grid-template-columns:minmax(145px,.75fr) minmax(170px,2.1fr) minmax(170px,.95fr);align-items:center;gap:13px;display:grid}.finance-performance-label,.finance-performance-meta{gap:2px;display:grid}.finance-performance-label strong{color:var(--finance-ink);font-size:12px}.finance-performance-label span,.finance-performance-meta{color:#617680;font-size:11px}.finance-performance-meta{grid-template-columns:repeat(2,max-content);gap:8px}.finance-bar-track{background:#e6f0ee;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #1246440d}.finance-bar-value{border-radius:inherit;background:linear-gradient(90deg,#0b9479,#268aa9);min-width:0;height:100%;box-shadow:0 2px 7px #09856e40}.finance-audit-card .operations-inline>span{color:#637b82;font-size:12px}.finance-audit-list{gap:8px;margin-top:15px;display:grid}.finance-audit-entry{background:#fbfefd;border:1px solid #e0eeea;border-radius:11px;grid-template-columns:105px minmax(0,1fr) 148px;align-items:start;gap:12px;padding:11px 12px;display:grid}.finance-audit-entry>div{min-width:0}.finance-audit-entry strong{color:var(--finance-ink);font-size:12px}.finance-audit-entry p{color:#5d737d;margin:3px 0 0;font-size:12px;line-height:1.4}.finance-audit-entry small{color:#71838a;text-align:right;font-size:10px;line-height:1.45}.finance-history-heading{margin-bottom:12px}.finance-history-filters{background:#f9fcfb;border:1px solid #e0eeea;border-radius:13px;grid-template-columns:repeat(3,minmax(145px,1fr)) max-content;align-items:end;gap:11px;margin:0 0 15px;padding:12px;display:grid}.finance-filter-count{color:#667a83;white-space:nowrap;padding-bottom:8px;font-size:12px}.finance-filter-count strong{color:var(--finance-ink)}.finance-approval-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:13px 0 0;padding:0;list-style:none;display:grid}.finance-approval-step{min-height:64px;color:var(--finance-ink);background:#fbfefd;border:1px solid #dcebe7;border-radius:10px;align-items:center;gap:8px;padding:9px 8px;font-size:12px;font-weight:750;line-height:1.25;display:flex;position:relative}.finance-approval-step:after{z-index:1;content:"";background:#a6cec5;width:7px;height:2px;position:absolute;top:50%;right:-7px}.finance-approval-step:last-child:after{display:none}.finance-step-number{color:#087766;background:#e4f3ef;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.finance-approval-step.accounts .finance-step-number{color:#167ca1;background:#e3f0f7}.finance-approval-step.approval .finance-step-number{color:#ad6c0e;background:#fff2df}.finance-approval-step.payment .finance-step-number{color:#6650b2;background:#eeeafd}@media (prefers-reduced-motion:reduce){.financial-control-page .operations-card,.financial-control-page .operations-metric,.financial-control-page .operations-table tbody tr{transition:none}}@media (width<=1020px){.finance-report-filter{grid-template-columns:1fr}.finance-summary-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.finance-history-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}.finance-filter-count{padding-bottom:0}}@media (width<=720px){.finance-report-actions{width:100%}.finance-report-actions .operations-btn{flex:1}.finance-summary-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.finance-performance-row{border:1px solid #e2eeeb;border-radius:10px;grid-template-columns:1fr;gap:6px;padding:10px}.finance-performance-meta{grid-template-columns:repeat(2,1fr)}.finance-audit-entry{grid-template-columns:1fr;gap:7px}.finance-audit-entry small{text-align:left}.finance-history-heading{align-items:flex-start}.finance-history-filters{grid-template-columns:1fr}.finance-approval-route{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-approval-step:nth-child(2):after{display:none}}.financial-control-page{--finance-emerald:#07866f;--finance-emerald-dark:#056653;--finance-teal:#177fa5;--finance-blue:#315fa8;--finance-navy:#132b52;--finance-gold:#c48520;--finance-violet:#7056ba;--finance-red:#c83f51;--finance-ink:#11273a;--finance-muted:#647780;--finance-border:#dbe8e5;--finance-shadow:0 12px 30px #14444913;--finance-shadow-hover:0 20px 42px #154b4f21;background:radial-gradient(circle at 3% 2%,#14a07e24,#0000 28rem),radial-gradient(circle at 98% 20%,#315fa81a,#0000 30rem),radial-gradient(circle at 82% 92%,#c4852012,#0000 24rem),linear-gradient(#f8fbfa 0%,#f2f7f6 100%);min-width:0}.financial-control-page .operations-hero{isolation:isolate;border:1px solid #9fd6e42e;border-radius:22px;align-items:center;min-height:150px;padding:clamp(22px,2.6vw,34px) clamp(22px,3vw,38px);transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 20px 46px #11305438,inset 0 1px #ffffff17;background:radial-gradient(circle at 88% 15%,#49d2cc38,#0000 16rem),radial-gradient(circle at 8% -20%,#6975ef45,#0000 19rem),linear-gradient(118deg,#12294e 0%,#214f82 48%,#16869a 100%)!important}.financial-control-page .operations-hero:before{z-index:-1;content:"";pointer-events:none;border:45px solid #ffffff0e;border-radius:50%;width:310px;height:310px;transition:transform .35s;position:absolute;top:-115px;right:-70px}.financial-control-page .operations-hero:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#3ee0bc2e,#0000 68%);border-radius:50%;width:245px;height:245px;transition:transform .35s;position:absolute;bottom:-115px;right:23%}.financial-control-page .operations-hero:hover{transform:translateY(-2px);box-shadow:0 25px 56px #11305445,inset 0 1px #ffffff1a}.financial-control-page .operations-hero:hover:before{transform:translate(-8px,8px)rotate(5deg)}.financial-control-page .operations-hero:hover:after{transform:translate(7px,-5px)scale(1.05)}.financial-control-page .operations-hero h1{letter-spacing:-.9px;text-shadow:0 2px 13px #071c392e;margin:0 0 6px;font-size:clamp(25px,2.5vw,33px);font-weight:900;line-height:1.12;color:#fff!important}.financial-control-page .operations-hero p{max-width:760px;margin:6px 0 0;font-size:13.5px;line-height:1.55;color:#eff9ffd1!important}.financial-control-page .operations-eyebrow{letter-spacing:1.35px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:900;color:#bfe8ff!important}.financial-control-page .operations-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;background:#ffffffe0;border:1px solid #dbe8e6;border-radius:16px;gap:7px;padding:7px;overflow-x:auto;box-shadow:0 10px 24px #17494c12}.financial-control-page .operations-tabs button{color:#526870;border:1px solid #0000;border-radius:11px;min-height:40px;padding:9px 15px;font-size:13px;font-weight:800;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.financial-control-page .operations-tabs button:not(.active):hover{color:#087662;background:linear-gradient(135deg,#e8f8f3,#eaf5fb);border-color:#b9dfd6;transform:translateY(-2px);box-shadow:0 7px 15px #147d681a}.financial-control-page .operations-tabs button:not(.active):active{color:#075b4d;background:linear-gradient(135deg,#d6f0e8,#dcecf6);transform:scale(.97)}.financial-control-page .operations-tabs button.active{border-color:#0000;box-shadow:0 9px 19px #087c683d;color:#fff!important;background:linear-gradient(125deg,#07866f,#167fa3)!important}.financial-control-page .operations-tabs button.active:hover{box-shadow:0 12px 24px #22689a4a;background:linear-gradient(125deg,#1b83a7,#3c66b2)!important}.financial-control-page .operations-tabs button.active:active{transform:scale(.97);background:linear-gradient(125deg,#075f50,#174e7a)!important}.financial-control-page .operations-btn{color:#fff;background:linear-gradient(135deg,#687d8a,#4c626f);border:1px solid #0000;border-radius:10px;min-height:39px;padding:9px 14px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s,filter .16s;box-shadow:0 7px 16px #3a4c5529}.financial-control-page .operations-btn:not(:disabled):hover{color:#fff;background:linear-gradient(135deg,#596eb0,#347f9d);transform:translateY(-2px);box-shadow:0 11px 22px #33698b40}.financial-control-page .operations-btn:not(:disabled):active{background:linear-gradient(135deg,#354764,#273a55);transform:translateY(1px)scale(.965);box-shadow:0 3px 8px #2435482e}.financial-control-page .operations-btn.primary{color:#fff!important;background:linear-gradient(135deg,#07866f,#167fa3)!important}.financial-control-page .operations-btn.primary:hover{background:linear-gradient(135deg,#167fa3,#3c67b4)!important}.financial-control-page .operations-btn.primary:active{background:linear-gradient(135deg,#075f50,#174c75)!important}.financial-control-page .operations-btn.success{color:#fff!important;background:linear-gradient(135deg,#087b61,#2aa77f)!important}.financial-control-page .operations-btn.success:hover{background:linear-gradient(135deg,#17a47f,#46bc8b)!important}.financial-control-page .operations-btn.success:active{background:linear-gradient(135deg,#075c49,#096d54)!important}.financial-control-page .operations-btn.danger{color:#fff!important;background:linear-gradient(135deg,#d14a5b,#b43145)!important}.financial-control-page .operations-btn.danger:hover{box-shadow:0 11px 22px #c83f5145;background:linear-gradient(135deg,#ee6948,#d33b4d)!important}.financial-control-page .operations-btn.danger:active{background:linear-gradient(135deg,#8e2738,#671b2e)!important}.financial-control-page .operations-btn.ghost{color:#fff!important;background:linear-gradient(135deg,#7383a3,#586b87)!important}.financial-control-page .operations-btn.ghost:hover{color:#fff!important;background:linear-gradient(135deg,#6d62b8,#5279a8)!important}.financial-control-page .operations-btn.ghost:active{background:linear-gradient(135deg,#3e4962,#2d3b54)!important}.financial-control-page .operations-card{border:1px solid var(--finance-border);min-width:0;box-shadow:var(--finance-shadow);background:linear-gradient(145deg,#fffffffc,#f9fcfbfa);border-radius:19px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;position:relative;overflow:hidden}.financial-control-page .operations-card:before{content:"";background:linear-gradient(#07866f,#2389a7);border-radius:0 0 999px;width:4px;height:0;transition:height .22s;position:absolute;top:0;left:0}.financial-control-page .operations-card:hover{box-shadow:var(--finance-shadow-hover);background:#fff;border-color:#c5ddd7;transform:translateY(-3px)}.financial-control-page .operations-card:hover:before{height:68px}.financial-control-page .operations-card h2,.financial-control-page .operations-card h3{color:var(--finance-ink);letter-spacing:-.4px;font-weight:900}.financial-control-page .finance-report-filter{background:radial-gradient(circle at 100% 0,#2d8ba414,#0000 13rem),linear-gradient(135deg,#fbfefd,#f4faf8);border:1px solid #d9e9e5;border-radius:17px;padding:17px;position:relative;box-shadow:0 8px 21px #1c54510f}.financial-control-page .finance-kicker{color:#087b66;font-weight:900}.financial-control-page .operations-field label{color:#4c626a;font-size:11px;font-weight:850}.financial-control-page .operations-field input,.financial-control-page .operations-field select,.financial-control-page .operations-field textarea{color:#203740;background:#fff;border:1px solid #d7e4e1;border-radius:10px;min-height:41px;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}.financial-control-page .operations-field input:hover,.financial-control-page .operations-field select:hover,.financial-control-page .operations-field textarea:hover{background:#fcfffe;border-color:#b8d4ce}.financial-control-page .operations-field input:focus,.financial-control-page .operations-field select:focus,.financial-control-page .operations-field textarea:focus{border-color:#07866f;outline:none;box-shadow:0 0 0 3px #09856e21}.financial-control-page .finance-summary-grid{gap:11px}.financial-control-page .finance-summary-grid .operations-metric{isolation:isolate;background:linear-gradient(145deg,#fff,#f4fbf8);border:1px solid #dbe9e6;border-radius:15px;min-height:104px;padding:15px 14px 13px 18px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 7px 17px #1b4d490e}.financial-control-page .finance-summary-grid .operations-metric:after{z-index:-1;content:"";background:#09856e11;border-radius:50%;width:92px;height:92px;position:absolute;top:-30px;right:-30px}.financial-control-page .finance-summary-grid .operations-metric:nth-child(2){background:linear-gradient(145deg,#fff,#f1f8fd)}.financial-control-page .finance-summary-grid .operations-metric:nth-child(2):after{background:#167ca113}.financial-control-page .finance-summary-grid .operations-metric:nth-child(3){background:linear-gradient(145deg,#fff,#fff9ee)}.financial-control-page .finance-summary-grid .operations-metric:nth-child(3):after{background:#b6771913}.financial-control-page .finance-summary-grid .operations-metric:nth-child(4){background:linear-gradient(145deg,#fff,#f6f3ff)}.financial-control-page .finance-summary-grid .operations-metric:nth-child(4):after{background:#7056ba13}.financial-control-page .finance-summary-grid .operations-metric:nth-child(5){background:linear-gradient(145deg,#fff,#fff3f5)}.financial-control-page .finance-summary-grid .operations-metric:nth-child(5):before{background:#c83f51}.financial-control-page .finance-summary-grid .operations-metric:nth-child(5):after{background:#c83f5112}.financial-control-page .finance-summary-grid .operations-metric:nth-child(6){background:linear-gradient(145deg,#fff,#effbfa)}.financial-control-page .finance-summary-grid .operations-metric:nth-child(6):before{background:#279a96}.financial-control-page .finance-summary-grid .operations-metric:nth-child(6):after{background:#279a9613}.financial-control-page .finance-summary-grid .operations-metric:hover{border-color:#c5dcd7;transform:translateY(-4px);box-shadow:0 14px 28px #1c675a21}.financial-control-page .finance-summary-grid .operations-metric strong{color:var(--finance-ink);margin-top:7px;font-size:clamp(17px,1.45vw,22px);font-weight:900}.financial-control-page .finance-method-strip{gap:8px}.financial-control-page .finance-method-strip span,.financial-control-page .finance-legend{color:#4c6972;background:linear-gradient(135deg,#f2faf7,#f3f8fc);border:1px solid #d4e8e3;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s;box-shadow:0 3px 9px #1a4f4e0a}.financial-control-page .finance-method-strip span:hover,.financial-control-page .finance-legend:hover{color:#08735f;background:linear-gradient(135deg,#def5ed,#e3f1fb);border-color:#acd8cd;transform:translateY(-2px)}.financial-control-page .finance-performance-chart{gap:10px}.financial-control-page .finance-performance-row{border:1px solid #0000;border-radius:12px;padding:10px 11px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.financial-control-page .finance-performance-row:hover{background:linear-gradient(135deg,#f8fcfb,#f5f9fd);border-color:#d7e8e4;transform:translate(3px);box-shadow:0 7px 16px #1d52530f}.financial-control-page .finance-performance-label strong{font-size:12.5px;font-weight:850}.financial-control-page .finance-bar-track{background:#e7f0ee;border:1px solid #deebe8;height:12px;box-shadow:inset 0 2px 4px #12464412,0 1px #ffffffb3}.financial-control-page .finance-bar-value{background:linear-gradient(90deg,#079276,#18a18d 48%,#2d8eaf);transition:filter .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 3px 9px #09856e45}.financial-control-page .finance-bar-value:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.financial-control-page .finance-performance-row:hover .finance-bar-value{filter:saturate(1.16);box-shadow:0 4px 12px #09856e57}.financial-control-page .finance-performance-row:hover .finance-bar-value:after{transform:translate(100%)}.financial-control-page .finance-audit-list{gap:9px}.financial-control-page .finance-audit-entry{background:linear-gradient(135deg,#fbfefd,#f7fbfa);border:1px solid #dceae7;border-radius:12px;padding:12px 13px 12px 16px;transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;position:relative;box-shadow:0 4px 12px #1b4e4c09}.financial-control-page .finance-audit-entry:before{content:"";background:linear-gradient(#07866f,#268aa9);border-radius:0 99px 99px 0;width:4px;position:absolute;top:11px;bottom:11px;left:0}.financial-control-page .finance-audit-entry:hover{background:linear-gradient(135deg,#f4fbf8,#f2f8fd);border-color:#bfdcd5;transform:translate(3px);box-shadow:0 10px 21px #1b585217}.financial-control-page .finance-history-filters{background:radial-gradient(circle at 100% 0,#167ca10f,#0000 12rem),#f9fcfb;border:1px solid #dceae7;border-radius:15px;padding:14px;box-shadow:0 6px 16px #1c504f0b}.financial-control-page .finance-approval-route{gap:9px}.financial-control-page .finance-approval-step{background:linear-gradient(145deg,#fff,#f2faf7);border:1px solid #d8e9e5;border-radius:13px;min-height:76px;padding:11px 10px;transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;box-shadow:0 5px 13px #1b4f4c0b}.financial-control-page .finance-approval-step:hover{background:linear-gradient(145deg,#fff,#e9f7f2);border-color:#afd7ce;transform:translateY(-3px);box-shadow:0 10px 21px #18675a1c}.financial-control-page .finance-approval-step.accounts{background:linear-gradient(145deg,#fff,#eef7fc)}.financial-control-page .finance-approval-step.accounts:hover{background:linear-gradient(145deg,#fff,#e4f2f9);border-color:#b7d9e8}.financial-control-page .finance-approval-step.approval{background:linear-gradient(145deg,#fff,#fff8ea)}.financial-control-page .finance-approval-step.approval:hover{background:linear-gradient(145deg,#fff,#fff1d7);border-color:#ead1a5}.financial-control-page .finance-approval-step.payment{background:linear-gradient(145deg,#fff,#f4f0ff)}.financial-control-page .finance-approval-step.payment:hover{background:linear-gradient(145deg,#fff,#ece5ff);border-color:#d1c5ef}.financial-control-page .finance-step-number{color:#087766;background:linear-gradient(135deg,#dff4ed,#ccece3);border:1px solid #0777661f;flex-basis:29px;width:29px;height:29px;box-shadow:0 4px 10px #0877661c}.financial-control-page .finance-approval-step.accounts .finance-step-number{color:#167ca1;background:linear-gradient(135deg,#e0f1f9,#cee5f2)}.financial-control-page .finance-approval-step.approval .finance-step-number{color:#a8650b;background:linear-gradient(135deg,#fff0d6,#f7dfb4)}.financial-control-page .finance-approval-step.payment .finance-step-number{color:#6650b2;background:linear-gradient(135deg,#eee9ff,#ddd4f8)}.financial-control-page .operations-status{border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:5px 9px;font-size:10.5px;font-weight:850;transition:transform .16s,box-shadow .16s;display:inline-flex}.financial-control-page .operations-status.posted,.financial-control-page .operations-status.approved{color:#0c7254;background:linear-gradient(135deg,#ddf6ed,#d3f0e6)}.financial-control-page .operations-status.returned,.financial-control-page .operations-status.rejected{color:#b43a47;background:linear-gradient(135deg,#fff0ef,#ffe4e7)}.financial-control-page .operations-status.pending,.financial-control-page .operations-status.submitted{color:#91620e;background:linear-gradient(135deg,#fff5d8,#ffedc2)}.financial-control-page .operations-status:hover{transform:translateY(-1px);box-shadow:0 5px 12px #273f3f1a}.financial-control-page .operations-table-wrap{scrollbar-width:thin;background:#fff;border:1px solid #d9e7e4;border-radius:15px;width:100%;max-width:100%;overflow-x:auto;box-shadow:0 7px 19px #1c4e4c0d}.financial-control-page .operations-table{border-collapse:separate;border-spacing:0;width:100%}.financial-control-page .operations-table th{z-index:2;color:#536a72;letter-spacing:.42px;text-transform:uppercase;background:linear-gradient(90deg,#eaf7f3,#eff7fb);border-bottom:1px solid #dce9e6;padding:12px 13px;font-size:10.8px;font-weight:900;position:sticky;top:0}.financial-control-page .operations-table td{color:#263d44;background:#fff;border-top:1px solid #edf2f0;padding:12px 13px;font-size:13px;transition:background .15s,color .15s,box-shadow .15s}.financial-control-page .operations-table tbody tr:hover td{background:linear-gradient(90deg,#f2fbf8,#f5f9fd)}.financial-control-page .operations-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 #07866f}@media (width<=1020px){.financial-control-page .operations-hero{min-height:135px}.financial-control-page .finance-summary-grid{gap:10px}}@media (width<=720px){.financial-control-page .operations-hero{border-radius:18px;min-height:0;padding:21px 18px;background:radial-gradient(circle at 95% 5%,#43cfc92e,#0000 13rem),linear-gradient(135deg,#132c55 0%,#24558b 55%,#18869b 100%)!important}.financial-control-page .operations-hero h1{font-size:24px}.financial-control-page .operations-tabs{border-radius:13px}.financial-control-page .finance-report-filter{border-radius:14px;padding:13px}.financial-control-page .finance-summary-grid .operations-metric{min-height:94px}.financial-control-page .finance-performance-row:hover,.financial-control-page .finance-audit-entry:hover{transform:none}}@media (width<=480px){.financial-control-page .operations-hero{border-radius:15px;padding:18px 15px}.financial-control-page .operations-hero h1{font-size:21px}.financial-control-page .finance-summary-grid,.financial-control-page .finance-approval-route{grid-template-columns:1fr}.financial-control-page .finance-approval-step:after{display:none}.financial-control-page .finance-report-actions{flex-direction:column}.financial-control-page .finance-report-actions .operations-btn{width:100%}}@media (hover:none){.financial-control-page .operations-hero:hover,.financial-control-page .operations-card:hover,.financial-control-page .finance-summary-grid .operations-metric:hover,.financial-control-page .finance-approval-step:hover{transform:none}}@media (prefers-reduced-motion:reduce){.financial-control-page *,.financial-control-page :before,.financial-control-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.accounting-ledger-page{color:#112e4e;background:radial-gradient(circle at 100% 0,#2196f31c,#0000 34rem),#f4f8fc;min-height:100vh;padding:24px;overflow:visible}.accounting-ledger-header,.accounting-ledger-card,.accounting-ledger-stats article{border:1px solid #d8e6f3;box-shadow:0 12px 30px #183d6712}.accounting-ledger-header{background:linear-gradient(115deg,#fff,#f1f9ff);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.accounting-ledger-kicker,.accounting-ledger-card-heading>div>span{color:#1878ba;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.accounting-ledger-header h1,.accounting-ledger-card h2{color:#112e4e;margin:5px 0 0;line-height:1.15}.accounting-ledger-header h1{font-size:clamp(1.45rem,2.7vw,2rem)}.accounting-ledger-card h2{font-size:1.16rem}.accounting-ledger-header p,.accounting-ledger-card-heading p{color:#5a718d;max-width:750px;margin:9px 0 0;font-size:.88rem;line-height:1.55}.accounting-ledger-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.ledger-guidance{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0;display:grid}.ledger-guidance>div{background:#ffffffd1;border:1px solid #d8e6f3;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ledger-guidance strong{color:#fff;background:#2380b8;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:.72rem;display:grid}.ledger-guidance span{gap:2px;display:grid}.ledger-guidance b{color:#214868;font-size:.76rem}.ledger-guidance small{color:#6a8199;font-size:.68rem;line-height:1.25}.ledger-primary,.ledger-secondary,.ledger-reverse{min-height:39px;font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-size:.79rem;font-weight:850;transition:transform .16s,box-shadow .16s,filter .16s}.ledger-primary{color:#fff;background:linear-gradient(135deg,#1879b8,#1863a6);border:0;box-shadow:0 8px 17px #176eac33}.ledger-secondary{color:#25608d;background:#fff;border:1px solid #bdd5ea}.ledger-reverse{color:#ad3f3f;background:#fff6f6;border:1px solid #f1c5c5}.ledger-primary:hover:not(:disabled),.ledger-secondary:hover,.ledger-reverse:hover:not(:disabled){filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 9px 18px #16579129}.ledger-primary:disabled,.ledger-reverse:disabled{opacity:.65;cursor:wait}.accounting-ledger-filters{background:#fff;border:1px solid #d9e7f3;border-radius:14px;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:10px;margin:16px 0;padding:13px;display:grid}.accounting-ledger-filters label{color:#57708d;gap:6px;font-size:.7rem;font-weight:850;display:grid}.accounting-ledger-filters input,.accounting-ledger-filters select{box-sizing:border-box;color:#193958;width:100%;height:39px;font:inherit;background:#fbfdff;border:1px solid #c7d9e9;border-radius:9px;outline:0;padding:0 10px;font-size:.84rem}.accounting-ledger-filters input:focus,.accounting-ledger-filters select:focus{border-color:#208bca;box-shadow:0 0 0 3px #208bca1f}.ledger-message{border-radius:10px;margin:12px 0;padding:11px 13px;font-size:.84rem;font-weight:750}.ledger-message.error{color:#a83131;background:#fff0f0;border:1px solid #ffd2d2}.ledger-message.success{color:#13765b;background:#edfcf7;border:1px solid #bcebdc}.ledger-start-card{background:#f7fcff;border:1px dashed #aacce5;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin:12px 0;padding:15px 17px;display:flex}.ledger-start-card span,.ledger-modal-kicker{color:#1878ba;letter-spacing:.11em;text-transform:uppercase;font-size:.66rem;font-weight:900}.ledger-start-card h2{color:#173b5d;margin:4px 0;font-size:1rem}.ledger-start-card p{color:#5c7490;max-width:760px;margin:5px 0 0;font-size:.78rem;line-height:1.45}.accounting-ledger-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.accounting-ledger-stats article{background:#fff;border-radius:14px;padding:15px 17px;position:relative;overflow:hidden}.accounting-ledger-stats article:before{content:"";background:#2787c4;width:5px;height:100%;position:absolute;top:0;left:0}.accounting-ledger-stats article:nth-child(2):before{background:#14927d}.accounting-ledger-stats article:nth-child(3):before{background:#d57629}.accounting-ledger-stats article.profit:before{background:#168b6c}.accounting-ledger-stats article.loss:before{background:#cb4b4b}.accounting-ledger-stats span,.accounting-ledger-stats small{color:#6d829a;font-size:.7rem;display:block}.accounting-ledger-stats span{text-transform:uppercase;letter-spacing:.04em;font-weight:850}.accounting-ledger-stats strong{color:#102f50;margin:8px 0 3px;font-size:1.25rem;line-height:1.1;display:block}.accounting-ledger-tabs{flex-wrap:wrap;gap:8px;margin:17px 0;display:flex}.accounting-ledger-tabs button{color:#52708d;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3e1ee;border-radius:10px;padding:0 14px;font-size:.8rem;font-weight:800}.accounting-ledger-tabs button:hover,.accounting-ledger-tabs button.active{color:#fff;background:linear-gradient(135deg,#1787b9,#1766a6);border-color:#1a87bd}.accounting-ledger-tabs span{background:#ffffff40;border-radius:99px;place-items:center;min-width:17px;height:17px;font-size:.66rem;display:inline-grid}.accounting-ledger-card{background:#fff;border-radius:17px;padding:20px;overflow:visible}.accounting-ledger-card-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.accounting-ledger-card-heading p{text-align:right;max-width:470px;margin:0;font-size:.78rem}.ledger-balance-group+.ledger-balance-group{margin-top:20px}.ledger-balance-group h3{color:#226697;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.82rem}.ledger-table-wrap{border:1px solid #dfebf4;border-radius:12px;overflow-x:auto}.ledger-table{border-collapse:collapse;width:100%;min-width:750px}.ledger-table th{color:#5c748f;text-align:left;letter-spacing:.06em;text-transform:uppercase;background:#f6faff;padding:11px 13px;font-size:.67rem}.ledger-table td{color:#48637f;vertical-align:top;border-top:1px solid #edf3f8;padding:11px 13px;font-size:.78rem}.ledger-table tbody tr:hover{background:#f9fcff}.ledger-table strong,.ledger-table span{display:block}.ledger-table strong{color:#173857;font-size:.79rem}.ledger-table span{color:#72859a;margin-top:3px;font-size:.71rem}.debit-balance{font-weight:800;color:#17755e!important}.credit-balance{font-weight:800;color:#99601d!important}.ledger-status{border-radius:99px;width:max-content;padding:4px 8px;font-weight:850;margin:0!important;font-size:.67rem!important}.ledger-status.posted{color:#147158;background:#ddf8ed}.ledger-status.reversed{color:#8f3e3e;background:#fff0f0}.ledger-empty,.ledger-empty-cell{text-align:center;color:#71849a!important;padding:30px!important}.ledger-integrity-ok,.ledger-integrity-alert{border-radius:9px;width:max-content;max-width:100%;padding:7px 10px;font-weight:850}.ledger-integrity-ok{color:#087961;background:#e9fbf3;border:1px solid #abe6d0}.ledger-integrity-alert{color:#a8394b;background:#fff1f3;border:1px solid #ffc7cd}.ledger-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c243e7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.ledger-modal{background:#fff;border:1px solid #d7e5f2;border-radius:18px;width:min(100%,510px);padding:22px;box-shadow:0 22px 60px #08234147}.ledger-modal h2{color:#173b5d;margin:5px 0 0;font-size:1.2rem}.ledger-modal p{color:#59718b;margin:10px 0 16px;font-size:.83rem;line-height:1.5}.ledger-modal label{color:#43647f;gap:6px;font-size:.76rem;font-weight:850;display:grid}.ledger-modal textarea{box-sizing:border-box;resize:vertical;color:#193958;width:100%;min-height:92px;font:inherit;border:1px solid #c5d8e9;border-radius:10px;outline:0;padding:10px;font-size:.84rem}.ledger-modal textarea:focus{border-color:#2189c4;box-shadow:0 0 0 3px #208bca21}.ledger-modal-actions{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.ledger-danger{background:#fff3f3}@media (width<=960px){.accounting-ledger-stats,.accounting-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.accounting-ledger-page{padding:13px}.accounting-ledger-header,.accounting-ledger-card-heading{flex-direction:column;align-items:flex-start}.accounting-ledger-header{padding:18px}.accounting-ledger-header-actions{justify-content:stretch;width:100%}.accounting-ledger-header-actions button{flex:1}.accounting-ledger-stats,.accounting-ledger-filters{grid-template-columns:1fr}.accounting-ledger-card{padding:14px}.accounting-ledger-card-heading p{text-align:left}}@media (width<=960px){.ledger-guidance{grid-template-columns:1fr}}@media (width<=620px){.ledger-start-card{flex-direction:column;align-items:flex-start}.ledger-start-card button{width:100%}.ledger-modal{padding:18px}}@media print{.accounting-ledger-header-actions,.accounting-ledger-filters,.accounting-ledger-tabs,.page-exit-controls{display:none!important}.accounting-ledger-page{background:#fff;padding:0}.accounting-ledger-card,.accounting-ledger-header{box-shadow:none}.accounting-ledger-card{border:0}.ledger-table{min-width:0}}.accounts-summary-page .accounts-comparison-card{overflow:hidden}.accounts-summary-page .accounts-chart-key{color:#47708f;background:#f5faff;border:1px solid #d7e4f4;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.accounts-method-chart{gap:11px;margin-top:15px;display:grid}.accounts-method-row{grid-template-columns:minmax(115px,180px) 1fr;align-items:center;gap:12px;display:grid}.accounts-method-row>div:first-child{color:#1d3650;justify-content:space-between;gap:8px;font-size:12px;display:flex}.accounts-method-row span{color:#607994;white-space:nowrap;font-size:11px}.accounts-bar-track{background:#eaf1f8;border-radius:999px;height:12px;overflow:hidden}.accounts-bar-value{border-radius:inherit;background:linear-gradient(90deg,#2563a5,#12939a);min-width:0;height:100%;transition:width .35s;box-shadow:0 2px 6px #1c709d38}.accounts-method-row:nth-child(2) .accounts-bar-value{background:linear-gradient(90deg,#4759bb,#4e82dc)}.accounts-method-row:nth-child(3) .accounts-bar-value{background:linear-gradient(90deg,#0d8b74,#1cae8a)}.accounts-method-row:nth-child(4) .accounts-bar-value{background:linear-gradient(90deg,#b66b24,#e6a94f)}.accounts-method-row:nth-child(5) .accounts-bar-value{background:linear-gradient(90deg,#9650a7,#ce75bd)}.accounts-section-chart{border-top:1px solid #e5edf5;align-items:end;gap:12px;min-height:242px;margin-top:14px;padding:14px 8px 0;display:flex}.accounts-section-column{text-align:center;flex:92px;grid-template-rows:auto 168px auto;align-items:end;gap:7px;min-width:0;display:grid}.accounts-section-column strong{color:#294867;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.accounts-column-track{background:repeating-linear-gradient(0deg,#edf3f8 0 1px,#0000 1px 34px);border-radius:9px 9px 3px 3px;justify-content:center;align-items:end;width:100%;height:168px;padding:0 12%;display:flex}.accounts-column-value{background:linear-gradient(#1aa0a2,#2563a5);border-radius:8px 8px 2px 2px;width:min(54px,100%);transition:height .35s,filter .16s;box-shadow:0 -2px 8px #1a6fa32e}.accounts-section-column:hover .accounts-column-value{filter:brightness(1.12)}.accounts-section-column>span{color:#526e87;min-height:28px;font-size:10px;font-weight:750;line-height:1.2}@media (width<=680px){.accounts-method-row{grid-template-columns:1fr;gap:5px}.accounts-section-chart{padding-bottom:4px;overflow-x:auto}.accounts-section-column{min-width:100px}}.payroll-page{--payroll-indigo:#176ec8;--payroll-indigo-dark:#1255a0;--payroll-violet:#245f9f;--payroll-violet-dark:#194b80;--payroll-mint:#17845f;--payroll-mint-dark:#106848;--payroll-blue:#176ec8;--payroll-navy:#123f78;--payroll-danger:#c53c46;--payroll-danger-dark:#a72e38;--payroll-warning:#cf7647;--payroll-info:#3a9dc7;--payroll-ink:#17213f;--payroll-muted:#6d7891;--payroll-border:#e1e5f2;--payroll-border-strong:#d2d9ef;--payroll-surface:#fff;--payroll-surface-soft:#f8f9ff;--payroll-bg:#f5f6fc;--payroll-shadow-sm:0 7px 18px #27335612;--payroll-shadow-md:0 14px 32px #2733561a;--payroll-shadow-lg:0 22px 48px #19264d24;--payroll-radius-sm:10px;--payroll-radius-md:14px;--payroll-radius-lg:20px;--payroll-font:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;box-sizing:border-box;width:100%;min-width:0;min-height:100%;font-family:var(--payroll-font);color:var(--payroll-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 6% 5%,#176ec81f,#0000 28rem),radial-gradient(circle at 96% 28%,#c53c4614,#0000 27rem),radial-gradient(circle at 92% 76%,#17845f14,#0000 28rem),linear-gradient(#f7faff 0%,#f3f6fb 100%);overflow-x:hidden}.payroll-page *,.payroll-page :before,.payroll-page :after{box-sizing:border-box}.payroll-page button,.payroll-page input,.payroll-page select,.payroll-page textarea{font-family:inherit}.payroll-page button,.payroll-page [role=button]{-webkit-tap-highlight-color:transparent}.payroll-page .operations-hero{background:radial-gradient(circle at 88% 12%,#ffffff21,#0000 17rem),radial-gradient(circle at 96% 88%,#cd404b38,#0000 17rem),linear-gradient(115deg,#123f78 0%,#176ec8 50%,#235b93 76%,#813349 100%);border:1px solid #ffffff14;border-radius:clamp(14px,1.8vw,20px);align-items:center;min-height:0;padding:clamp(18px,2.3vw,30px) clamp(18px,3vw,34px);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 14px 32px #123f7833}.payroll-page .operations-hero:hover{transform:translateY(-1px);box-shadow:0 19px 40px #123f7842}.payroll-page .operations-hero:before{content:"";pointer-events:none;border:34px solid #ffffff0e;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-65px}.payroll-page .operations-hero:after{content:"";pointer-events:none;background:#c53c461a;border-radius:50%;width:170px;height:170px;display:block;position:absolute;bottom:-76px;right:95px}.payroll-page .operations-hero>*{z-index:1;position:relative}.payroll-page .operations-hero h1{color:#fff;letter-spacing:-.7px;margin:0 0 5px;font-size:clamp(23px,2.25vw,31px);font-weight:800;line-height:1.15}.payroll-page .operations-hero p{color:#fffc;max-width:1060px;margin:0;font-size:clamp(12.5px,1.2vw,14px);font-weight:500;line-height:1.55}.payroll-page .operations-eyebrow{color:#d8ebff;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800}.payroll-page .payroll-policy-note{color:#38506f;background:linear-gradient(135deg,#f3f7ff,#f8fbff);border-color:#d8e5ff;margin-top:12px}.payroll-page .operations-tabs{border:1px solid var(--payroll-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;background:#ffffffd1;border-radius:15px;gap:7px;width:100%;min-width:0;padding:7px;display:flex;overflow-x:auto;box-shadow:0 9px 22px #2837630e}.payroll-page .operations-tabs::-webkit-scrollbar{height:5px}.payroll-page .operations-tabs::-webkit-scrollbar-thumb{background:#a9bed8;border-radius:999px}.payroll-page .operations-tabs button{color:#4a5570;letter-spacing:.1px;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;min-height:40px;padding:9px 16px;font-size:13.5px;font-weight:750;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}.payroll-page .operations-tabs button:not(.active):hover{color:#b73540;background:#fff1f3;border-color:#f0c8cd;transform:translateY(-1px);box-shadow:0 5px 12px #b7354017}.payroll-page .operations-tabs button.active{color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);border-color:#0000;box-shadow:0 7px 16px #1459b53b}.payroll-page .operations-tabs button.active:hover{background:linear-gradient(125deg,#b9323d,#d54b45);transform:translateY(-1px);box-shadow:0 10px 20px #b9323d47}.payroll-page .operations-tabs button:focus-visible{outline-offset:2px;outline:3px solid #4a56d833}.payroll-page .operations-card{border-radius:var(--payroll-radius-lg);min-width:0;box-shadow:var(--payroll-shadow-sm);background:#fffffff2;border:1px solid #e0e5f0;padding:clamp(16px,2vw,23px);transition:border-color .22s,box-shadow .22s,transform .22s,background .22s;overflow:hidden}.payroll-page .operations-card:hover{box-shadow:var(--payroll-shadow-md);background:#fff;border-color:#cfd7ed;transform:translateY(-3px)}.payroll-page .operations-card h2{color:var(--payroll-ink);letter-spacing:-.35px;margin:0 0 5px;font-size:clamp(16px,1.45vw,18px);font-weight:800;line-height:1.3}.payroll-page .operations-card h3{color:#24324f;font-weight:800}.payroll-page .operations-card p{color:var(--payroll-muted);margin:0;font-size:13px;line-height:1.55}.payroll-page .operations-grid,.payroll-page .operations-metrics,.payroll-page .metrics-grid,.payroll-page .dashboard-grid,.payroll-page .cards-grid{min-width:0}.payroll-control-path{align-self:start;min-width:0}.payroll-control-intro{margin-bottom:14px!important}.payroll-control-steps{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;display:grid}.payroll-control-step{cursor:default;background:linear-gradient(145deg,#fbfcff,#f7f8ff);border:1px solid #e0e5f3;border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:9px 11px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex}.payroll-control-step:hover{background:linear-gradient(145deg,#f5f6ff,#eef1ff);border-color:#c4ccf0;transform:translateY(-2px);box-shadow:0 8px 18px #3c46991c}.payroll-control-step>span{background:linear-gradient(135deg, var(--payroll-indigo), var(--payroll-violet));color:#fff;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-size:11px;font-weight:900;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 5px 10px #4a56d833}.payroll-control-step:hover>span{transform:scale(1.06);box-shadow:0 7px 14px #4a56d84d}.payroll-control-step strong{color:#344261;min-width:0;font-size:12.5px;font-weight:800;line-height:1.3}.payroll-page .operations-field{min-width:0}.payroll-page .operations-field label,.payroll-profile-filters .operations-field>span{color:#46556a;letter-spacing:.15px;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.payroll-page .operations-field input,.payroll-page .operations-field select,.payroll-page .operations-field textarea{width:100%;min-width:0;min-height:42px;color:var(--payroll-ink);background:#fff;border:1px solid #dce2ef;border-radius:11px;padding:10px 12px;font-family:inherit;font-size:13.5px;transition:border-color .17s,box-shadow .17s,background .17s;box-shadow:inset 0 1px 1px #26314f06}.payroll-page .operations-field textarea{resize:vertical;min-height:90px}.payroll-page .operations-field input:hover,.payroll-page .operations-field select:hover,.payroll-page .operations-field textarea:hover{background:#fdfdff;border-color:#c8d0e4}.payroll-page .operations-field input:focus,.payroll-page .operations-field select:focus,.payroll-page .operations-field textarea:focus{border-color:var(--payroll-indigo);background:#fff;outline:none;box-shadow:0 0 0 3px #4a56d821}.payroll-page .operations-field input::placeholder,.payroll-page .operations-field textarea::placeholder{color:#9aa4bb}.payroll-page .operations-field input:disabled,.payroll-page .operations-field select:disabled,.payroll-page .operations-field textarea:disabled{cursor:not-allowed;color:#8d97aa;background:#f2f4f8}.payroll-page .operations-metric{background:linear-gradient(145deg,#fff,#f6f7ff);border:1px solid #e1e5f4;border-radius:15px;min-width:0;padding:17px 18px 17px 20px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;position:relative;overflow:hidden;box-shadow:0 6px 16px #2c375a0b}.payroll-page .operations-metric:hover{background:linear-gradient(145deg,#fff,#eef1ff);border-color:#d1d8ef;transform:translateY(-3px);box-shadow:0 13px 25px #3941891f}.payroll-page .operations-metric:before{content:"";background:var(--payroll-indigo);width:4px;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.payroll-page .operations-metric:hover:before{width:6px}.payroll-page .operations-metric:nth-child(2):before{background:var(--payroll-info)}.payroll-page .operations-metric:nth-child(3):before{background:var(--payroll-warning)}.payroll-page .operations-metric:nth-child(4):before{background:var(--payroll-mint)}.payroll-page .operations-metric span{color:var(--payroll-muted);letter-spacing:.35px;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:800;display:block}.payroll-page .operations-metric strong{overflow-wrap:anywhere;color:var(--payroll-ink);letter-spacing:-.55px;font-size:clamp(21px,2vw,26px);font-weight:850;line-height:1.15;display:block}.payroll-page .operations-metric small{color:var(--payroll-muted);margin-top:5px;font-size:12px;font-weight:600;line-height:1.4;display:block}.payroll-page .operations-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#fff;border:1px solid #e1e6f1;border-radius:14px;width:100%;max-width:100%;overflow:auto hidden;box-shadow:0 6px 18px #2934550b}.payroll-page .operations-table-wrap::-webkit-scrollbar{height:8px}.payroll-page .operations-table-wrap::-webkit-scrollbar-track{background:#f1f3f8}.payroll-page .operations-table-wrap::-webkit-scrollbar-thumb{background:#a9bed8;border:2px solid #f1f3f8;border-radius:999px}.payroll-page .operations-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:13.5px}.payroll-page .operations-table th{z-index:2;color:#596683;letter-spacing:.45px;text-align:left;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#f3f5ff,#f7fbff);border-bottom:1px solid #e4e9f3;padding:12px 15px;font-size:11.5px;font-weight:800;position:sticky;top:0}.payroll-page .operations-table td{color:#2a344a;vertical-align:middle;background:#fff;border-top:1px solid #eef1f8;padding:13px 15px;font-size:13.5px;transition:background .16s,color .16s}.payroll-page .operations-table tbody tr:first-child td{border-top:0}.payroll-page .operations-table tbody tr{transition:background .17s,box-shadow .17s}.payroll-page .operations-table tbody tr:hover td{color:#202a43;background:#f4f6ff}.payroll-page .operations-table tbody tr:nth-child(2n) td{background:#fcfdff}.payroll-page .operations-table tbody tr:nth-child(2n):hover td{background:#f4f6ff}.payroll-page .operations-table a{color:var(--payroll-indigo);font-weight:700;text-decoration:none}.payroll-page .operations-table a:hover{color:var(--payroll-violet);text-decoration:underline}.payroll-page .operations-btn{color:#165fbe;letter-spacing:.1px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#eef6ff,#e6f1ff);border:1px solid #bdd5ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 17px;font-size:13.5px;font-weight:750;line-height:1.2;text-decoration:none;transition:background .17s,border-color .17s,color .17s,box-shadow .17s,transform .17s;display:inline-flex}.payroll-page .operations-btn:not(:disabled):hover{transform:translateY(-2px)}.payroll-page .operations-btn:not(:disabled):active{box-shadow:none;transform:translateY(0)scale(.985)}.payroll-page .operations-btn:focus-visible{outline-offset:2px;outline:3px solid #4a56d833}.payroll-page .operations-btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none!important;transform:none!important}.payroll-page .operations-btn:not(.primary):not(.success):not(.danger):not(.ghost):hover{color:#fff;background:linear-gradient(125deg,#b9323d,#d54b45);border-color:#c53c46;box-shadow:0 9px 18px #b9323d33}.payroll-page .operations-btn.ghost{background:0 0}.payroll-page .operations-btn.ghost:hover{color:#b73540;background:#fff2f3;border-color:#efc9ce;box-shadow:0 7px 15px #b7354017}.payroll-page .operations-btn.danger{color:#b23b4e;background:#fff7f8;border-color:#efc8cf}.payroll-page .operations-btn.danger:hover{border-color:var(--payroll-danger);background:var(--payroll-danger);color:#fff;box-shadow:0 10px 20px #b7374c3b}.payroll-page .operations-btn.primary{color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);border-color:#0000;box-shadow:0 8px 17px #1459b538}.payroll-page .operations-btn.primary:hover{background:linear-gradient(125deg,#b9323d,#d54b45);box-shadow:0 13px 24px #b9323d42}.payroll-page .operations-btn.success{color:#fff;background:linear-gradient(125deg,#147452,#1f9a6c);border-color:#0000;box-shadow:0 8px 17px #14745233}.payroll-page .operations-btn.success:hover{background:linear-gradient(125deg,#0e6346,#17845f);box-shadow:0 13px 24px #14745247}.payroll-profile-filters{background:linear-gradient(130deg,#f8fbfff7,#fbfafff7);border:1px solid #e0e7f1;border-radius:15px;grid-template-columns:minmax(250px,2fr) minmax(190px,1fr) auto;align-items:end;gap:12px;margin:20px 0 14px;padding:15px;display:grid;box-shadow:0 7px 18px #2e3a5c0b}.payroll-profile-reset{white-space:nowrap;min-height:42px;font-size:13.5px;font-weight:750}.payroll-role-groups{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:19px;padding:2px 1px 7px;display:grid;overflow:visible}.payroll-role-card{color:#26364b;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce5f0;border-radius:14px;gap:4px;min-width:0;min-height:92px;padding:14px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 5px 14px #20305009}.payroll-role-card:hover{background:linear-gradient(135deg,#fff4f5,#f7faff);border-color:#e3aeb5;transform:translateY(-3px);box-shadow:0 12px 24px #9637441f}.payroll-role-card.active{background:linear-gradient(135deg,#eaf4ff,#f4f8ff);border-color:#176ec8;transform:translateY(-2px);box-shadow:0 12px 24px #176ec826}.payroll-role-card:focus-visible{outline-offset:2px;outline:3px solid #0a8f8a2e}.payroll-role-card span{color:#176ec8;letter-spacing:.45px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.payroll-role-card strong{overflow-wrap:anywhere;color:#10233f;font-size:14.5px;font-weight:800;line-height:1.3}.payroll-role-card small{color:#65758b;font-size:11.5px;line-height:1.4}.payroll-role-card:hover span,.payroll-role-card.active span{color:#b73540}.payroll-page .badge,.payroll-page .status-badge,.payroll-page .operations-badge{color:#54627a;white-space:nowrap;background:#f5f7fb;border:1px solid #dce1ee;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:4px 9px;font-size:11.5px;font-weight:800;line-height:1;display:inline-flex}.payroll-page .operations-actions,.payroll-page .operations-toolbar,.payroll-page .card-actions,.payroll-page .table-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}@media (width<=1200px){.payroll-profile-filters{grid-template-columns:minmax(220px,1.5fr) minmax(170px,1fr) auto}.payroll-control-steps{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.payroll-role-groups{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}}@media (width<=900px){.payroll-page .operations-hero{padding:20px 22px}.payroll-page .operations-card{padding:18px}.payroll-profile-filters{grid-template-columns:1fr 1fr}.payroll-profile-reset{width:100%}.payroll-role-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-page .operations-table{min-width:720px}}@media (width<=720px){.payroll-page{background:radial-gradient(circle at 12% 3%,#176ec81a,#0000 18rem),#f5f6fc}.payroll-page .operations-hero{border-radius:15px;padding:18px}.payroll-page .operations-hero:before{width:180px;height:180px;right:-85px}.payroll-page .operations-hero:after{right:25px}.payroll-page .operations-hero h1{letter-spacing:-.45px;font-size:22px}.payroll-page .operations-hero p{font-size:12.5px}.payroll-page .operations-tabs{border-radius:13px;gap:5px;padding:6px}.payroll-page .operations-tabs button{min-height:39px;padding:8px 13px;font-size:13px}.payroll-page .operations-card{border-radius:16px;padding:16px}.payroll-page .operations-card:hover{transform:none}.payroll-page .operations-metric{padding:15px 16px 15px 18px}.payroll-page .operations-metric strong{font-size:21px}.payroll-profile-filters{grid-template-columns:1fr;gap:10px;margin-top:16px;padding:12px}.payroll-control-steps{grid-template-columns:1fr;gap:8px}.payroll-profile-reset{width:100%}.payroll-role-groups{scroll-snap-type:x proximity;scrollbar-width:thin;gap:9px;margin-left:-4px;margin-right:-4px;padding:2px 4px 10px;display:flex;overflow-x:auto}.payroll-role-card{scroll-snap-align:start;flex:0 0 min(79vw,260px);min-height:88px}.payroll-role-card:hover{transform:none}.payroll-page .operations-btn{min-height:42px}.payroll-page .operations-actions,.payroll-page .operations-toolbar,.payroll-page .card-actions{width:100%}.payroll-page .operations-table{min-width:680px}.payroll-page .operations-table th,.payroll-page .operations-table td{padding:11px 12px}}@media (width<=480px){.payroll-page .operations-hero{border-radius:14px;padding:16px}.payroll-page .operations-hero h1{font-size:20px}.payroll-page .operations-eyebrow{letter-spacing:1px;font-size:9px}.payroll-page .operations-card{border-radius:14px;padding:14px}.payroll-page .operations-card h2{font-size:16px}.payroll-page .operations-tabs button{padding:8px 11px;font-size:12.5px}.payroll-page .operations-btn{width:100%;min-height:43px;padding:10px 14px}.payroll-page .table-actions .operations-btn,.payroll-page .operations-table .operations-btn{width:auto;min-height:36px;padding:7px 10px;font-size:12px}.payroll-role-card{flex-basis:84vw}.payroll-control-step{min-height:46px}.payroll-page .operations-field input,.payroll-page .operations-field select,.payroll-page .operations-field textarea{font-size:16px}}@media (hover:hover) and (pointer:fine){.payroll-page .operations-btn,.payroll-page .operations-tabs button,.payroll-role-card{cursor:pointer}}@media (hover:none){.payroll-page .operations-card:hover,.payroll-page .operations-metric:hover,.payroll-role-card:hover,.payroll-control-step:hover,.payroll-page .operations-hero:hover{transform:none}}@media (prefers-reduced-motion:reduce){.payroll-page *,.payroll-page :before,.payroll-page :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.payroll-role-choice-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:7px;display:grid}.payroll-role-choice{color:#43516b;min-height:38px;font:inherit;text-align:left;cursor:pointer;background:#fbfcff;border:1px solid #d9dfed;border-radius:9px;justify-content:space-between;align-items:center;gap:7px;padding:7px 9px;font-size:11px;font-weight:800;transition:border-color .16s,background .16s,color .16s,transform .16s;display:flex}.payroll-role-choice small{color:#77839a;font-size:10px;font-weight:700}.payroll-role-choice:hover{color:#b73540;background:#fff2f3;border-color:#efc7cc;transform:translateY(-1px)}.payroll-role-choice.active{color:#fff;background:linear-gradient(125deg,#1459b5,#1b76d2);border-color:#0000;box-shadow:0 6px 14px #1459b538}.payroll-role-choice.active small{color:#ffffffc7}.payroll-page .operations-btn{border-radius:9px;min-height:34px;padding:7px 10px;font-size:11.5px}.payroll-page .operations-tabs button{min-height:34px;padding:7px 11px;font-size:11.5px}.payroll-page .payroll-grade-editor{grid-template-columns:minmax(205px,.82fr) minmax(0,1.45fr);align-items:start;gap:16px;display:grid}.payroll-page .payroll-role-panel,.payroll-page .payroll-grade-details{background:#fbfcff;border:1px solid #dce4f2;border-radius:14px;min-width:0}.payroll-page .payroll-role-panel{overflow:hidden;box-shadow:inset 3px 0 #176ec8}.payroll-page .payroll-grade-details{background:linear-gradient(145deg,#fff,#f7f9ff);padding:15px}.payroll-page .payroll-grade-panel-heading{color:#1d2d4d;border-bottom:1px solid #e4e9f4;gap:3px;padding:13px 14px;display:grid}.payroll-page .payroll-grade-details .payroll-grade-panel-heading{margin:-15px -15px 14px;padding:0 0 13px}.payroll-page .payroll-grade-panel-heading strong{font-size:13px;font-weight:850}.payroll-page .payroll-grade-panel-heading small,.payroll-page .payroll-grade-details .operations-field>small{color:#71809a;font-size:11px;line-height:1.45}.payroll-page .payroll-role-flow{scrollbar-color:#b9c4ed transparent;gap:5px;max-height:495px;padding:8px;display:grid;overflow-y:auto}.payroll-page .payroll-role-flow::-webkit-scrollbar{width:7px}.payroll-page .payroll-role-flow::-webkit-scrollbar-thumb{background:#b9c4ed;border-radius:8px}.payroll-page .payroll-role-flow-item{color:#40506d;width:100%;min-height:47px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:19px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:7px 8px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.payroll-page .payroll-role-flow-item:hover{color:#b73540;background:#fff2f3;border-color:#efc7cc;transform:translate(2px)}.payroll-page .payroll-role-flow-item.active{color:#fff;background:linear-gradient(120deg,#1459b5,#1b76d2);border-color:#176ec8;box-shadow:0 6px 14px #1459b536}.payroll-page .payroll-role-flow-mark{color:#fff;background:#fff;border:1px solid #c8d2e4;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid}.payroll-page .payroll-role-flow-item.active .payroll-role-flow-mark{background:#ffffff2e;border-color:#ffffffc2}.payroll-page .payroll-role-flow-copy{gap:2px;min-width:0;display:grid}.payroll-page .payroll-role-flow-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:800;overflow:hidden}.payroll-page .payroll-role-flow-copy small{color:#7b88a0;font-size:10px;font-weight:650}.payroll-page .payroll-role-flow-item.active .payroll-role-flow-copy small,.payroll-page .payroll-role-flow-item.active .payroll-role-flow-arrow{color:#fffc}.payroll-page .payroll-role-flow-arrow{color:#8996ad;font-size:20px;line-height:1}.payroll-page .payroll-department-choice-list{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.payroll-page .payroll-department-choice{color:#55647e;min-height:29px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6deee;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:750;transition:border-color .16s,background .16s,color .16s}.payroll-page .payroll-department-choice:hover{color:#b73540;background:#fff2f3;border-color:#efc7cc}.payroll-page .payroll-department-choice.active{color:#fff;background:#176ec8;border-color:#c7def5;box-shadow:0 4px 9px #176ec833}.payroll-page .payroll-grade-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.payroll-page .payroll-grade-active{color:#40506d;background:#fff;border:1px solid #dce4f2;border-radius:8px;width:fit-content;margin:10px 0;padding:8px 10px;font-size:11.5px;font-weight:750;display:inline-flex}.payroll-page .payroll-grade-details .operations-actions{justify-content:flex-end;margin-top:12px}@media (width<=930px){.payroll-page .payroll-grade-editor{grid-template-columns:1fr}.payroll-page .payroll-role-flow{grid-template-columns:repeat(2,minmax(0,1fr));max-height:305px}.payroll-page .payroll-role-flow-item{min-height:50px}}@media (width<=590px){.payroll-page .payroll-role-flow,.payroll-page .payroll-grade-field-grid{grid-template-columns:1fr}.payroll-page .payroll-grade-details .operations-actions{justify-content:stretch}.payroll-page .payroll-grade-details .operations-actions .operations-btn{flex:auto}}.payroll-page .operations-btn:not(:disabled):not(.success):not(.danger):hover{color:#fff;background:linear-gradient(125deg,#b9323d,#d54b45);border-color:#c53c46}.payroll-page .operations-btn.success:not(:disabled):hover{color:#fff;background:linear-gradient(125deg,#106848,#17845f);border-color:#17845f}.payroll-page .operations-btn.danger:not(:disabled):hover{color:#fff;background:linear-gradient(125deg,#a72e38,#c53c46);border-color:#a72e38}.payroll-page .operations-tabs button.active{background:linear-gradient(125deg,#1459b5,#1b76d2)}.payroll-page .operations-tabs button.active:hover{background:linear-gradient(125deg,#b9323d,#d54b45)}.payroll-page .operations-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 #176ec8}.payroll-page .operations-field input:focus,.payroll-page .operations-field select:focus,.payroll-page .operations-field textarea:focus{border-color:#176ec8;box-shadow:0 0 0 3px #176ec821}@media (hover:none){.payroll-page .operations-tabs button.active:hover,.payroll-page .operations-btn:not(:disabled):not(.success):not(.danger):hover,.payroll-page .operations-btn.success:not(:disabled):hover,.payroll-page .operations-btn.danger:not(:disabled):hover{transform:none}}.payslip-page{--payslip-ink:#14213d;--payslip-ink-soft:#2b3d5a;--payslip-indigo:#165fbe;--payslip-violet:#7b3f79;--payslip-mint:#16845f;--payslip-sky:#1f7fca;--payslip-orange:#d8613b;--payslip-red:#c33a43;--payslip-green:#16845f;--payslip-blue-dark:#123f78;--payslip-blue-bright:#176ec8;--payslip-paper:#fff;--payslip-line:#e3e8f3;--payslip-line-strong:#d6ddeb;--payslip-muted:#72809a;--payslip-shadow:0 9px 22px #2736560e;--payslip-shadow-hover:0 17px 32px #2a37631f;background:radial-gradient(circle at 5% 4%,#6457cf1c,#0000 27rem),radial-gradient(circle at 98% 29%,#259f8e1a,#0000 27rem),#f4f6fb;min-width:0;font-family:Inter,Aptos,Segoe UI,sans-serif;overflow-x:hidden}.payslip-page *,.payslip-page :before,.payslip-page :after{box-sizing:border-box}.payslip-page .operations-content{width:100%;min-width:0}.payslip-hero{background:radial-gradient(circle at 92% 12%,#c73d4942,#0000 16rem),radial-gradient(circle at 12% 85%,#2c91ce3d,#0000 18rem),linear-gradient(118deg,#123f78 0%,#176ec8 52%,#234f86 76%,#7f324c 100%);border-radius:15px;align-items:center;gap:20px;min-height:0;padding:18px 24px;box-shadow:0 10px 24px #123f7833,inset 0 1px #ffffff14}.payslip-hero-copy{min-width:0;max-width:760px}.payslip-hero .operations-eyebrow{color:#d6e9ff}.payslip-hero h1{letter-spacing:-.55px;font-size:clamp(23px,2.15vw,30px)}.payslip-hero-copy>p:last-child{max-width:760px;line-height:1.55}.payslip-access-card{min-width:220px;max-width:310px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1b;border:1px solid #e1efff4d;border-radius:11px;flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.payslip-access-icon,.payslip-filter-icon,.payslip-metric-icon,.payslip-document-mark{flex:none;place-items:center;font-weight:900;display:grid}.payslip-access-icon{color:#164f8f;background:linear-gradient(135deg,#e4f1ff,#ffdfe3);border-radius:9px;width:32px;height:32px;font-size:15px}.payslip-access-card div{gap:2px;min-width:0;display:grid}.payslip-access-card span:not(.payslip-access-icon),.payslip-access-card small{color:#c7dcf1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.payslip-access-card strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.payslip-alert{color:#7f2432;background:#fff8f8;border:1px solid #ffd3d9;border-radius:15px;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:18px;padding:14px 15px;display:grid;box-shadow:0 8px 20px #8b25370f}.payslip-alert>span{color:#fff;background:#d94c61;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.payslip-alert strong,.payslip-alert p{margin:0;display:block}.payslip-alert p{color:#9a4552;margin-top:3px;font-size:13px;line-height:1.45}.payslip-alert button{color:#9a4552;width:28px;height:28px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1}.payslip-alert button:hover{background:#fee9ec}.payslip-page .operations-note{overflow-wrap:anywhere}.payslip-filter-card{background:#ffffffeb;border:1px solid #dce3f2f5;border-radius:18px;grid-template-columns:auto minmax(180px,1fr) minmax(170px,220px) auto;align-items:center;gap:14px;min-width:0;margin-bottom:19px;padding:15px 17px;display:grid;box-shadow:0 12px 30px #2636580f}.payslip-filter-icon{width:45px;height:45px;color:var(--payslip-indigo);background:linear-gradient(145deg,#e6f0ff,#ffe8eb);border-radius:14px;font-size:21px}.payslip-filter-copy{gap:3px;min-width:0;display:grid}.payslip-filter-copy span,.payslip-month-field>span{color:var(--payslip-muted);letter-spacing:.55px;text-transform:uppercase;font-size:11px;font-weight:800}.payslip-filter-copy strong{overflow-wrap:anywhere;color:var(--payslip-ink);font-size:15px}.payslip-month-field{gap:5px;min-width:0;display:grid}.payslip-month-field input{width:100%;min-width:0;min-height:42px;color:var(--payslip-ink);font:inherit;background:#fbfcff;border:1px solid #d9e0ed;border-radius:11px;padding:8px 10px;font-weight:700}.payslip-month-field input:focus{border-color:var(--payslip-indigo);outline:3px solid #4658d824}.payslip-refresh-button,.payslip-print-button{font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.payslip-refresh-button{color:#fff;white-space:nowrap;background:linear-gradient(125deg,#1459b5,#1b76d2);border-radius:11px;min-height:43px;padding:0 16px;box-shadow:0 9px 18px #1459b53d}.payslip-refresh-button span{font-size:18px}.payslip-refresh-button:hover,.payslip-print-button:hover{filter:saturate(1.05)brightness(1.02);transform:translateY(-2px)}.payslip-refresh-button:hover{color:#fff;background:linear-gradient(125deg,#b92f3b,#d64a43);box-shadow:0 10px 20px #b92f3b40}.payslip-print-button:hover{color:#fff;background:linear-gradient(125deg,#126c4f,#1b9a6f);border-color:#16845f;box-shadow:0 10px 20px #16845f3d}.payslip-refresh-button:focus-visible,.payslip-print-button:focus-visible{outline-offset:3px;outline:3px solid #165fbe4d}.payslip-metrics{grid-template-columns:repeat(5,minmax(145px,1fr));gap:11px;min-width:0;margin-bottom:22px;display:grid}.payslip-metric-card{border:1px solid var(--payslip-line);background:var(--payslip-paper);min-width:0;min-height:92px;box-shadow:var(--payslip-shadow);border-radius:16px;align-items:center;gap:10px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.payslip-metric-card:after{content:"";pointer-events:none;background:#4658d80b;border-radius:50%;width:84px;height:84px;position:absolute;top:-30px;right:-30px}.payslip-metric-card:hover{border-color:#d3d9ee;transform:translateY(-2px);box-shadow:0 13px 28px #2736561a}.payslip-metric-icon{border-radius:11px;width:37px;height:37px;font-size:18px}.payslip-metric-card div{gap:3px;min-width:0;display:grid}.payslip-metric-card div>span,.payslip-metric-card small{color:var(--payslip-muted);letter-spacing:.35px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9.5px;font-weight:800;overflow:hidden}.payslip-metric-card strong{color:var(--payslip-ink);letter-spacing:-.42px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.2vw,20px);font-weight:900;overflow:hidden}.payslip-metric-records .payslip-metric-icon{color:#4658d8;background:#e9ecff}.payslip-metric-allowances .payslip-metric-icon{color:#7356cf;background:#f1eaff}.payslip-metric-allowances:after{background:#7356cf0f}.payslip-metric-gross .payslip-metric-icon{color:var(--payslip-sky);background:#e4f4ff}.payslip-metric-gross:after{background:#2c91ce0f}.payslip-metric-deductions .payslip-metric-icon{color:var(--payslip-orange);background:#fff0e7}.payslip-metric-deductions:after{background:#db75400f}.payslip-metric-net .payslip-metric-icon{color:var(--payslip-mint);background:#e4f7ef}.payslip-metric-net:after{background:#1d9b7c0f}.payslip-results{background:#fffc;border:1px solid #dce3f2f5;border-radius:20px;min-width:0;padding:20px;overflow:hidden;box-shadow:0 12px 32px #2636580e}.payslip-results-heading{z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#fffffffa 0%,#fffffff2 78%,#fff0 100%);justify-content:space-between;align-items:center;gap:15px;min-width:0;margin:-4px -4px 15px;padding:4px 4px 10px;display:flex;position:sticky;top:0}.payslip-results-heading>div{min-width:0}.payslip-results-heading p{color:var(--payslip-violet);letter-spacing:1.2px;margin:0 0 4px;font-size:10px;font-weight:900}.payslip-results-heading h2{color:var(--payslip-ink);letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(18px,2vw,22px);overflow:hidden}.payslip-record-count,.payslip-status{border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.payslip-record-count{color:#165fbe;white-space:nowrap;background:#eaf3ff;flex:none;min-height:29px;padding:0 11px}.payslip-card-grid{scroll-behavior:smooth;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aeb8db #eef1f8;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));align-items:stretch;gap:14px;min-width:0;max-height:min(68vh,760px);padding:2px 7px 8px 2px;display:grid;overflow:hidden auto}.payslip-card-grid::-webkit-scrollbar{width:9px}.payslip-card-grid::-webkit-scrollbar-track{background:#eef1f8;border-radius:999px}.payslip-card-grid::-webkit-scrollbar-thumb{background:#aeb8db;border:2px solid #eef1f8;border-radius:999px}.payslip-card-grid::-webkit-scrollbar-thumb:hover{background:#7e8bc4}.payslip-record-card{background:#fff;border:1px solid #e1e6f0;border-radius:16px;flex-direction:column;min-width:0;min-height:100%;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 19px #202f4e0d}.payslip-record-card:before{content:"";background:linear-gradient(90deg,#176ec8 0% 55%,#c33a43 76%,#16845f 100%);height:4px;position:absolute;top:0;left:0;right:0}.payslip-record-card:hover{z-index:1;box-shadow:var(--payslip-shadow-hover);border-color:#cfd7f4;transform:translateY(-3px)}.payslip-record-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.payslip-document-mark{width:35px;height:35px;color:var(--payslip-indigo);background:#e9ecff;border-radius:11px;font-size:17px}.payslip-record-identity{gap:2px;min-width:0;display:grid}.payslip-record-identity>span{color:#4c5b73;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.payslip-record-identity strong{color:var(--payslip-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.payslip-record-identity small{color:var(--payslip-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.payslip-status{color:#187257;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;background:#e4f7ef;max-width:110px;min-height:24px;padding:0 8px;overflow:hidden}.payslip-period{background:#f9faff;border:1px solid #e7eaf4;border-radius:11px;gap:3px;margin:15px 0 12px;padding:10px 11px;display:grid}.payslip-period span,.payslip-net-panel span{color:var(--payslip-muted);letter-spacing:.55px;text-transform:uppercase;font-size:9.5px;font-weight:900}.payslip-period strong{overflow-wrap:anywhere;color:#263956;font-size:12px}.payslip-period small{color:var(--payslip-muted);font-size:11px}.payslip-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;display:grid}.payslip-amounts div{background:#fbfcff;border:1px solid #edf0f6;border-radius:10px;min-width:0;padding:9px 10px}.payslip-amounts dt{color:var(--payslip-muted);letter-spacing:.2px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9.5px;font-weight:800;overflow:hidden}.payslip-amounts dd{color:#263956;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;font-weight:850;overflow:hidden}.payslip-amounts .payslip-negative{color:#c25d45}.payslip-net-panel{background:linear-gradient(130deg,#e7f8f1,#edf8fb);border:1px solid #d7eee6;border-radius:11px;justify-content:space-between;align-items:end;gap:10px;min-width:0;margin-top:auto;padding:11px 12px;display:flex}.payslip-net-panel strong{color:#126c55;letter-spacing:-.3px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(15px,1.35vw,18px);overflow:hidden}.payslip-print-button{color:#165fbe;background:linear-gradient(#eef6ff,#e5f0ff);border:1px solid #b9d5f3;border-radius:10px;width:100%;min-height:41px;margin-top:11px}.payslip-print-button span{font-size:17px}.payslip-empty-card{text-align:center;background:#fafbff;border:1px dashed #cfd7e8;border-radius:16px;justify-items:center;width:min(100%,520px);margin:9px auto 4px;padding:38px 22px;display:grid}.payslip-empty-card>span{width:48px;height:48px;color:var(--payslip-indigo);background:#e8ebff;border-radius:15px;place-items:center;margin-bottom:12px;font-size:22px;display:grid}.payslip-empty-card h3,.payslip-empty-card p{margin:0}.payslip-empty-card h3{color:var(--payslip-ink);font-size:17px}.payslip-empty-card p{max-width:390px;color:var(--payslip-muted);margin-top:7px;font-size:13px;line-height:1.55}@media (width>=1500px){.payslip-metrics{gap:14px}.payslip-card-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}}@media (width<=1280px){.payslip-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.payslip-card-grid{grid-template-columns:repeat(2,minmax(285px,1fr))}}@media (width<=980px){.payslip-hero{flex-wrap:wrap;align-items:flex-start}.payslip-access-card{width:100%;max-width:none}.payslip-filter-card{grid-template-columns:auto minmax(0,1fr) minmax(165px,200px)}.payslip-refresh-button{grid-column:1/-1;width:100%}.payslip-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(65vh,680px)}}@media (width<=760px){.payslip-hero{border-radius:14px;padding:17px 18px}.payslip-hero h1{font-size:24px}.payslip-access-card{width:100%}.payslip-filter-card{grid-template-columns:auto minmax(0,1fr);padding:14px}.payslip-month-field,.payslip-refresh-button{grid-column:1/-1}.payslip-results{border-radius:17px;padding:16px}.payslip-card-grid{grid-template-columns:1fr;max-height:min(64vh,650px)}.payslip-record-card{padding:16px}}@media (width<=560px){.payslip-page{overflow-x:hidden}.payslip-hero{gap:14px;padding:16px 15px}.payslip-hero-copy>p:last-child{font-size:12.5px}.payslip-access-card{min-width:0;padding:9px 10px}.payslip-filter-card{border-radius:15px;grid-template-columns:1fr;gap:11px;padding:13px}.payslip-filter-icon{width:40px;height:40px}.payslip-filter-icon,.payslip-filter-copy,.payslip-month-field,.payslip-refresh-button{grid-column:1}.payslip-refresh-button{width:100%}.payslip-metrics{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;gap:10px;margin-right:-14px;padding:1px 14px 8px 1px;display:flex;overflow:auto hidden}.payslip-metrics::-webkit-scrollbar{display:none}.payslip-metric-card{scroll-snap-align:start;flex:0 0 min(78vw,270px);min-height:88px}.payslip-results{padding:14px 12px 15px}.payslip-results-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.payslip-card-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;gap:12px;max-height:none;margin-right:-12px;padding:2px 12px 12px 1px;scroll-padding-inline:1px;display:flex;overflow:auto hidden}.payslip-card-grid::-webkit-scrollbar{display:none}.payslip-record-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 min(88vw,355px);min-height:420px;padding:15px}.payslip-record-card:hover{transform:none}.payslip-record-top{grid-template-columns:auto minmax(0,1fr)}.payslip-status{grid-column:1/-1;justify-self:start;max-width:100%}.payslip-period{margin-top:13px}.payslip-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-net-panel{flex-direction:column;align-items:flex-start;gap:4px}.payslip-net-panel strong{max-width:100%;font-size:18px}}@media (width<=380px){.payslip-hero{padding:14px 12px}.payslip-hero h1{font-size:21px}.payslip-metric-card{flex-basis:84vw}.payslip-record-card{flex-basis:91vw}.payslip-amounts{grid-template-columns:1fr}.payslip-refresh-button,.payslip-print-button{min-height:44px}}@media (hover:none){.payslip-metric-card:hover,.payslip-record-card:hover,.payslip-refresh-button:hover,.payslip-print-button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.payslip-page *,.payslip-page :before,.payslip-page :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.message-center-page{--mc-indigo:#5754d8;--mc-indigo-dark:#4542bd;--mc-blue:#287ebd;--mc-blue-dark:#1f69a2;--mc-green:#0e8a72;--mc-green-dark:#08735e;--mc-red:#d3485b;--mc-red-dark:#b83347;--mc-red-soft:#fff0f2;--mc-orange:#c96d2f;--mc-orange-soft:#fff2e9;--mc-ink:#17213d;--mc-muted:#6f7a94;--mc-border:#e0e5f0;--mc-border-strong:#d0d7e8;--mc-surface:#fff;--mc-surface-soft:#f8f9fd;--mc-bg:#f4f6fb;--mc-shadow-sm:0 7px 18px #2330510e;--mc-shadow-md:0 14px 32px #23305117;--mc-shadow-lg:0 22px 52px #1b274824;width:100%;min-width:0;min-height:100%;color:var(--mc-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 4% 4%,#5754d81f,#0000 28rem),radial-gradient(circle at 96% 20%,#287ebd1c,#0000 29rem),radial-gradient(circle at 72% 92%,#0e8a720e,#0000 25rem),linear-gradient(#f8f9fd 0%,#f3f5fa 100%);padding:clamp(10px,1.7vw,22px)}.message-center-page *,.message-center-page :before,.message-center-page :after{box-sizing:border-box}.message-center-page .message-chat-dialog{flex-direction:column;width:min(760px,100vw - 26px);height:min(760px,100dvh - 26px);max-height:calc(100dvh - 26px);padding:0;display:flex;overflow:hidden}.message-center-page .message-chat-header{border-bottom:1px solid var(--mc-border);background:linear-gradient(112deg,#18365f,#255f98);flex:none;margin:0;padding:13px 18px}.message-center-page .message-chat-header h2,.message-center-page .message-chat-header small{color:#fff}.message-center-page .message-chat-header .operations-status{margin-bottom:5px}.message-center-page .message-chat-header .operations-btn.ghost{color:#fff;border-color:#ffffff42}.message-center-page .message-chat-thread{background:radial-gradient(circle at 12% 12%,#287ebd17,#0000 15rem),#edf5f2;flex-direction:column;flex:auto;gap:10px;min-height:0;max-height:none;margin:0;padding:18px;display:flex;overflow:hidden auto}.message-center-page .message-chat-bubble{color:#253249;background:#fff;border:1px solid #d8e3ed;border-radius:4px 15px 15px;align-self:flex-start;width:fit-content;max-width:min(84%,570px);padding:10px 13px 8px;box-shadow:0 4px 10px #223c5012}.message-center-page .message-chat-bubble.own{background:#d9f8ed;border-color:#a9e2d0;border-radius:15px 4px 15px 15px;align-self:flex-end}.message-center-page .message-chat-bubble strong{color:#1b5984;margin-bottom:3px;font-size:12px;display:block}.message-center-page .message-chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.48}.message-center-page .message-chat-bubble small{color:#71819a;text-align:right;margin-top:6px;font-size:10px;display:block}.message-center-page .message-chat-dialog>form{border-top:1px solid var(--mc-border);scrollbar-color:#b6c4d9 #f4f7fb;background:#fff;flex:0 auto;max-height:43%;padding:11px 18px 14px;overflow-y:auto}.message-center-page .message-chat-thread::-webkit-scrollbar{width:8px}.message-center-page .message-chat-dialog>form::-webkit-scrollbar{width:8px}.message-center-page .message-chat-thread::-webkit-scrollbar-thumb{background:#a9b9cc;border:2px solid #edf5f2;border-radius:99px}.message-center-page .message-chat-dialog>form::-webkit-scrollbar-thumb{background:#a9b9cc;border:2px solid #edf5f2;border-radius:99px}.message-center-page .message-chat-dialog>form textarea{border-radius:14px;min-height:62px}.message-center-page .message-attachments{gap:7px;margin-top:10px;display:grid}.message-center-page .message-attachment{align-items:center;gap:7px;min-width:0;display:flex}.message-center-page .message-file-link,.message-center-page .message-image-thumb{color:#17547d;min-width:0;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #b8d9ec;border-radius:10px;padding:7px 9px;transition:transform .16s,border-color .16s,background .16s}.message-center-page .message-file-link:hover,.message-center-page .message-image-thumb:hover{background:#f3fbff;border-color:#287ebd;transform:translateY(-1px)}.message-center-page .message-file-link span{color:#536881;text-overflow:ellipsis;white-space:nowrap;max-width:310px;margin-top:2px;font-size:11px;display:block;overflow:hidden}.message-center-page .message-image-thumb{padding:3px}.message-center-page .message-image-thumb img{object-fit:cover;border-radius:7px;width:min(210px,48vw);max-height:160px;display:block}.message-center-page .message-attachment-remove{color:#b13d4d;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:11px;font-weight:750}.message-center-page .message-attachment-picker{gap:5px}.message-center-page .message-attachment-picker input[type=file]{padding:8px;font-size:12px}.message-center-page .message-attachment-picker small{color:#19735f;font-weight:650}.message-center-page .message-image-dialog{width:min(900px,100vw - 26px);max-height:calc(100vh - 26px);overflow:auto}.message-center-page .message-image-dialog>img{object-fit:contain;border-radius:12px;max-width:100%;max-height:calc(100vh - 145px);margin:14px auto 0;display:block}@media (width<=600px){.message-center-page .message-chat-dialog{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.message-center-page .message-chat-header{padding:11px 14px}.message-center-page .message-chat-thread{padding:12px}.message-center-page .message-chat-dialog>form{max-height:47%;padding:10px 14px 12px}.message-center-page .message-chat-bubble{max-width:92%}}.message-center-page .message-center-heading{isolation:isolate;background:radial-gradient(circle at 90% 8%,#ffffff29,#0000 16rem),radial-gradient(circle at 76% 120%,#60e0c01f,#0000 18rem),linear-gradient(120deg,#172f57 0%,#34458c 48%,#287ebd 100%);border:1px solid #ffffff1f;border-radius:21px;justify-content:space-between;align-items:center;gap:18px;min-width:0;margin:0 0 14px;padding:clamp(20px,2.4vw,30px) clamp(20px,3vw,34px);transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #182b532e,inset 0 1px #ffffff0d}.message-center-page .message-center-heading:before{content:"";z-index:-1;pointer-events:none;border:38px solid #ffffff0e;border-radius:50%;width:235px;height:235px;transition:transform .35s;position:absolute;top:-78px;right:-55px}.message-center-page .message-center-heading:after{content:"";z-index:-1;pointer-events:none;background:#48d3b516;border-radius:50%;width:165px;height:165px;transition:transform .35s;position:absolute;bottom:-80px;right:120px}@media (hover:hover) and (pointer:fine){.message-center-page .message-center-heading:hover{transform:translateY(-2px);box-shadow:0 23px 52px #182b533d,inset 0 1px #ffffff0d}.message-center-page .message-center-heading:hover:before{transform:translate(-8px,7px)rotate(4deg)}.message-center-page .message-center-heading:hover:after{transform:translate(7px,-4px)scale(1.04)}}.message-center-page .message-heading-copy{min-width:0}.message-center-page .message-heading-label{color:#b9d8ff;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:900}.message-center-page .message-center-heading h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:clamp(24px,2.5vw,32px);font-weight:900;line-height:1.15}.message-center-page .message-center-heading p:not(.message-heading-label){color:#ffffffc7;max-width:760px;margin:7px 0 0;font-size:clamp(12px,1.2vw,14px);font-weight:500;line-height:1.55}.message-center-page .message-archive-help{max-width:620px;color:var(--mc-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.message-center-page .message-center-heading .operations-actions{z-index:2;flex:none;position:relative}.message-center-page .message-center-heading .operations-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#fff3}.message-center-page .operations-tabs{width:100%;min-width:0;box-shadow:var(--mc-shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scroll-snap-type:x proximity;background:#ffffffe0;border:1px solid #e1e5f0;border-radius:16px;gap:7px;margin-bottom:14px;padding:7px;display:flex;overflow-x:auto}.message-center-page .operations-tabs button{color:#556078;cursor:pointer;white-space:nowrap;scroll-snap-align:start;background:0 0;border:1px solid #0000;border-radius:11px;flex:none;min-height:40px;padding:9px 16px;font-size:13px;font-weight:800;transition:background .17s,color .17s,border-color .17s,box-shadow .17s,transform .17s;position:relative}.message-center-page .operations-tabs button:not(.active):hover{color:#4546ba;background:#f0f1ff;border-color:#d9def9;transform:translateY(-1px);box-shadow:0 6px 14px #4d4eb114}.message-center-page .operations-tabs button.active{background:linear-gradient(125deg, var(--mc-indigo), var(--mc-blue));color:#fff;border-color:#0000;box-shadow:0 8px 17px #4a4cc138}.message-center-page .operations-tabs button.archive-tab,.message-center-page .operations-tabs .archive-tab{color:#b73e50}.message-center-page .operations-tabs button.archive-tab:not(.active){background:#fff7f8;border-color:#f3d8dd}.message-center-page .operations-tabs button.archive-tab:not(.active):hover{background:var(--mc-red-soft);color:var(--mc-red-dark);border-color:#e9aeb8;box-shadow:0 7px 15px #be3d501c}.message-center-page .operations-tabs button.archive-tab.active{color:#fff;background:linear-gradient(125deg,#d84d60,#b93549);border-color:#0000;box-shadow:0 8px 18px #c43c5038}.message-center-page .operations-tabs button.archive-tab.active:hover{background:linear-gradient(125deg,#c63e52,#a82e41);box-shadow:0 11px 22px #c43c504a}.message-center-page .archived,.message-center-page .archive-status,.message-center-page .operations-status.archived{background:var(--mc-red-soft)!important;color:var(--mc-red-dark)!important;border-color:#f0cbd2!important}.message-center-page .operations-metrics,.message-center-page .message-summary-grid,.message-center-page .message-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.35vw,16px);margin-bottom:14px;display:grid}.message-center-page .operations-metric,.message-center-page .message-summary-card{border:1px solid var(--mc-border);background:linear-gradient(145deg,#fff,#f7f8ff);border-radius:16px;min-width:0;min-height:108px;padding:16px 17px 16px 19px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 6px 16px #2632530b}.message-center-page .operations-metric:before,.message-center-page .message-summary-card:before{content:"";background:var(--mc-indigo);width:4px;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.message-center-page .operations-metric:nth-child(2):before,.message-center-page .message-summary-card:nth-child(2):before{background:var(--mc-blue)}.message-center-page .operations-metric:nth-child(3):before,.message-center-page .message-summary-card:nth-child(3):before{background:var(--mc-green)}.message-center-page .operations-metric:nth-child(4):before,.message-center-page .message-summary-card:nth-child(4):before{background:var(--mc-red)}@media (hover:hover) and (pointer:fine){.message-center-page .operations-metric:hover,.message-center-page .message-summary-card:hover{background:linear-gradient(145deg,#fff,#eef1ff);border-color:#cfd7ea;transform:translateY(-3px);box-shadow:0 13px 27px #3941891f}.message-center-page .operations-metric:hover:before,.message-center-page .message-summary-card:hover:before{width:6px}}.message-center-page .operations-metric span,.message-center-page .message-summary-card span{color:var(--mc-muted);letter-spacing:.35px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:850;display:block}.message-center-page .operations-metric strong,.message-center-page .message-summary-card strong{color:var(--mc-ink);letter-spacing:-.5px;font-size:clamp(21px,2vw,26px);font-weight:900;line-height:1.15;display:block}.message-center-page .operations-card{border:1px solid var(--mc-border);min-width:0;box-shadow:var(--mc-shadow-sm);background:#fffffff7;border-radius:19px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;position:relative;overflow:hidden}.message-center-page .operations-card:before{content:"";background:linear-gradient(180deg, var(--mc-indigo), var(--mc-blue));border-radius:0 0 999px;width:4px;height:0;transition:height .2s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.message-center-page .operations-card:hover{box-shadow:var(--mc-shadow-md);background:#fff;border-color:#cfd7e9;transform:translateY(-3px)}.message-center-page .operations-card:hover:before{height:60px}}.message-center-page .operations-card h2{color:var(--mc-ink);letter-spacing:-.38px;font-weight:850}.message-center-page .operations-toolbar,.message-center-page .message-toolbar,.message-center-page .message-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #e3e7f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;margin-bottom:12px;padding:11px 12px;display:flex;box-shadow:0 6px 16px #2632530a}.message-center-page .operations-field{min-width:0}.message-center-page .operations-field label{color:#4b5871;margin-bottom:5px;font-size:11.5px;font-weight:800;display:block}.message-center-page .operations-field input,.message-center-page .operations-field select,.message-center-page .operations-field textarea{color:#27334d;width:100%;min-width:0;min-height:41px;font:inherit;background:#fff;border:1px solid #dce2ec;border-radius:11px;padding:9px 11px;font-size:13px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.message-center-page .operations-field input:focus,.message-center-page .operations-field select:focus,.message-center-page .operations-field textarea:focus{border-color:var(--mc-indigo);background:#fff;outline:none;box-shadow:0 0 0 3px #5754d81f}.message-center-page .operations-table-wrap{scrollbar-width:thin;background:#fff;border:1px solid #e0e6f0;border-radius:15px;width:100%;max-width:100%;overflow-x:auto;box-shadow:0 7px 20px #2632530b}.message-center-page .operations-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.message-center-page .operations-table th{z-index:2;color:#596783;letter-spacing:.45px;text-align:left;text-transform:uppercase;white-space:nowrap;background:linear-gradient(90deg,#f3f5ff,#f5fbff);border-bottom:1px solid #e3e8f1;padding:12px 14px;font-size:10.8px;font-weight:850;position:sticky;top:0}.message-center-page .operations-table td{color:#2b3650;vertical-align:middle;background:#fff;border-top:1px solid #edf0f6;padding:13px 14px;font-size:13px;transition:background .15s,color .15s,box-shadow .15s}.message-center-page .operations-table tbody tr:first-child td{border-top:0}.message-center-page .operations-unread td{background:#f0f2ff;font-weight:650}.message-center-page .operations-unread td:first-child{box-shadow:inset 4px 0 0 var(--mc-indigo)}.message-center-page .operations-archived td,.message-center-page tr.archived td{color:#77545b;background:#fff8f9}.message-center-page .operations-archived td:first-child,.message-center-page tr.archived td:first-child{box-shadow:inset 4px 0 0 var(--mc-red)}.message-center-page .message-person-cell{align-items:center;gap:9px;min-width:0;display:flex}.message-center-page .message-person-copy{min-width:0}.message-center-page .message-person-copy strong{color:#202b45;text-overflow:ellipsis;white-space:nowrap;font-weight:850;display:block;overflow:hidden}.message-center-page .message-preview{color:#7b869c;text-overflow:ellipsis;white-space:nowrap;max-width:480px;margin-top:2px;font-size:11.8px;display:block;overflow:hidden}.message-center-page .operations-status,.message-center-page .status-badge,.message-center-page .message-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:4px 9px;font-size:10.5px;font-weight:850;line-height:1;transition:transform .16s,box-shadow .16s;display:inline-flex}.message-center-page .operations-status.high,.message-center-page .operations-status.urgent{background:var(--mc-orange-soft);color:#b65328}.message-center-page .operations-status.normal{color:#3763a6;background:#eaf1ff}.message-center-page .operations-status.low{color:#287a68;background:#eaf7f3}.message-center-page .operations-status.archived{background:var(--mc-red-soft);color:var(--mc-red-dark)}@media (hover:hover) and (pointer:fine){.message-center-page .operations-status:hover,.message-center-page .status-badge:hover,.message-center-page .message-badge:hover{transform:translateY(-1px);box-shadow:0 5px 12px #27325217}}.message-center-page .operations-btn{color:#43506a;min-height:39px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8deea;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.message-center-page .operations-btn:not(:disabled):hover{transform:translateY(-2px)}.message-center-page .operations-btn:not(:disabled):active{box-shadow:none;transform:translateY(0)scale(.985)}.message-center-page .operations-btn.primary{background:linear-gradient(125deg, var(--mc-indigo), var(--mc-blue));color:#fff;border-color:#0000;box-shadow:0 8px 17px #4a4cc136}.message-center-page .operations-btn.primary:hover{background:linear-gradient(125deg, var(--mc-indigo-dark), var(--mc-blue-dark));box-shadow:0 12px 22px #4a4cc14a}.message-center-page .operations-btn.success{background:linear-gradient(125deg, var(--mc-green), #35ad8f);color:#fff;border-color:#0000;box-shadow:0 8px 17px #0c8d742e}.message-center-page .operations-btn.success:hover{background:linear-gradient(125deg, var(--mc-green-dark), #258d75);box-shadow:0 12px 22px #0c8d7440}.message-center-page .operations-btn.archive,.message-center-page .operations-btn.archive-btn{color:#b6384b;background:#fff6f7;border-color:#efcbd2}.message-center-page .operations-btn.archive:hover,.message-center-page .operations-btn.archive-btn:hover{border-color:var(--mc-red);color:#fff;background:linear-gradient(125deg,#d94c60,#b93549);box-shadow:0 10px 20px #be3d5038}.message-center-page .operations-btn.danger:hover{border-color:var(--mc-red);background:var(--mc-red);color:#fff;box-shadow:0 10px 20px #be3d5038}.message-center-page .message-empty,.message-center-page .operations-empty{min-height:230px;color:var(--mc-muted);text-align:center;background:radial-gradient(circle,#5754d80b,#0000 14rem),#fbfcff;border:1px dashed #d5dceb;border-radius:16px;place-items:center;padding:30px;display:grid}@media (width<=1100px){.message-center-page .operations-metrics,.message-center-page .message-summary-grid,.message-center-page .message-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.message-center-page{padding:10px}.message-center-page .message-center-heading{border-radius:17px;flex-direction:column;align-items:stretch;padding:19px}.message-center-page .message-center-heading .operations-actions{width:100%}.message-center-page .message-center-heading .operations-btn{flex:1}.message-center-page .operations-tabs{border-radius:13px;gap:5px;padding:6px}.message-center-page .operations-tabs button{min-height:39px;padding:8px 13px;font-size:12.5px}.message-center-page .operations-card{border-radius:16px}.message-center-page .operations-table{min-width:680px}.message-center-page .operations-table th,.message-center-page .operations-table td{padding:11px 12px}.message-center-page .operations-toolbar,.message-center-page .message-toolbar,.message-center-page .message-filters{flex-direction:column;align-items:stretch}}@media (width<=520px){.message-center-page{padding:7px}.message-center-page .message-center-heading{border-radius:15px;padding:16px}.message-center-page .message-center-heading h1{font-size:21px}.message-center-page .operations-metrics,.message-center-page .message-summary-grid,.message-center-page .message-metrics{grid-template-columns:1fr}.message-center-page .operations-metric,.message-center-page .message-summary-card{min-height:0}.message-center-page .message-center-heading .operations-actions{flex-direction:column}.message-center-page .message-center-heading .operations-btn{width:100%}.message-center-page .operations-tabs button{padding-inline:11px}}@media (hover:none){.message-center-page .message-center-heading:hover,.message-center-page .operations-card:hover,.message-center-page .operations-metric:hover,.message-center-page .message-summary-card:hover{transform:none}}.message-center-page .message-reply-actions{justify-content:flex-end;gap:5px;margin-top:7px;display:flex}.message-center-page .message-reply-actions button,.message-center-page .message-pending-attachment button{color:#315574;font:inherit;cursor:pointer;background:#ffffffb3;border:0;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:800}.message-center-page .message-reply-actions button:last-child,.message-center-page .message-pending-attachment button{color:#a3394d}.message-center-page .message-pending-attachment{color:#315574;background:#f4fbff;border:1px solid #b8d9ec;border-radius:10px;align-items:center;gap:8px;max-width:100%;margin-top:7px;padding:6px 8px;display:inline-flex}.message-center-page .message-pending-attachment img{object-fit:cover;border-radius:7px;width:42px;height:42px}.message-center-page .message-pending-attachment span{background:#e3f1fb;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.message-center-page .message-pending-attachment small{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,46vw);font-size:11px;font-weight:700;overflow:hidden}.message-center-page .message-attachment-help{color:#647d95;max-width:560px;margin-top:5px;font-size:10.5px;line-height:1.35;display:block}.message-center-page .operations-btn{border-radius:9px;min-height:34px;padding:7px 10px;font-size:11.5px}.message-center-page .operations-tabs button{min-height:34px;padding:7px 11px;font-size:11.5px}@media (width<=600px){.message-center-page .message-pending-attachment small{max-width:150px}}@media (prefers-reduced-motion:reduce){.message-center-page *,.message-center-page :before,.message-center-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.message-center-page .message-center-heading,.message-center-page .operations-card.message-center-heading{isolation:isolate;background:radial-gradient(circle at 88% 20%,#6fd2ff40 0,#6fd2ff1a 18%,#0000 38%),radial-gradient(circle at 7% 0,#8b80ff4d 0,#8b80ff1a 23%,#0000 44%),linear-gradient(120deg,#182b62 0%,#304a9b 36%,#356fc0 68%,#2389c7 100%)!important;border:1px solid #7eb0ff42!important;border-radius:22px!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 48px #1a3a7640,inset 0 1px #ffffff1f!important}.message-center-page .message-center-heading:before{z-index:-1;content:"";pointer-events:none;border:45px solid #ffffff0e;border-radius:50%;width:300px;height:300px;position:absolute;top:-105px;right:-72px}.message-center-page .message-center-heading:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#49dadc2b,#49dadc0a 55%,#0000 72%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-115px;right:18%}.message-center-page .message-center-heading .message-heading-label{color:#bfe2ff!important}.message-center-page .message-center-heading h1{text-shadow:0 2px 12px #091d4929;color:#fff!important}.message-center-page .message-center-heading p,.message-center-page .message-center-heading p:not(.message-heading-label){color:#eef7ffd6!important}.message-center-page .message-center-heading .operations-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff3d!important;box-shadow:inset 0 1px #ffffff14,0 7px 18px #0a1f4821!important}.message-center-page .message-center-heading .operations-btn:hover{color:#fff!important;background:#ffffff36!important;border-color:#ffffff6b!important;box-shadow:inset 0 1px #ffffff1c,0 11px 24px #0a1f4838!important}.message-center-page .message-banner-stats{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:15px;display:flex}.message-center-page .message-banner-stat{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#ffffff16;border:1px solid #ffffff26;border-radius:11px;align-items:center;gap:8px;min-width:110px;padding:8px 11px;display:flex}.message-center-page .message-banner-stat strong{color:#fff;font-size:16px;font-weight:900}.message-center-page .message-banner-stat span{color:#e8f4ffc2;font-size:10.5px;font-weight:700}@media (width<=760px){.message-center-page .message-center-heading,.message-center-page .operations-card.message-center-heading{background:radial-gradient(circle at 95% 10%,#6fd2ff33,#0000 15rem),linear-gradient(135deg,#192d68 0%,#3356a5 52%,#2785c4 100%)!important;border-radius:18px!important}}.message-center-page .operations-btn{color:#fff!important;background:linear-gradient(135deg,#667085,#475467)!important;border:1px solid #0000!important;box-shadow:0 7px 15px #4754672e!important}.message-center-page .operations-btn:hover:not(:disabled){transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#556070,#344054)!important;box-shadow:0 11px 22px #34405440!important}.message-center-page .operations-btn.primary,.message-center-page .operations-btn.open-btn,.message-center-page .operations-btn.view-btn{background:linear-gradient(135deg,#5754d8,#287ebd)!important;box-shadow:0 8px 18px #4a4cc13d!important}.message-center-page .operations-btn.primary:hover,.message-center-page .operations-btn.open-btn:hover,.message-center-page .operations-btn.view-btn:hover{background:linear-gradient(135deg,#4542bd,#1f69a2)!important;box-shadow:0 12px 24px #4a4cc14f!important}.message-center-page .operations-btn.success,.message-center-page .operations-btn.reply-btn,.message-center-page .operations-btn.send-btn{background:linear-gradient(135deg,#0b8e76,#39ad8f)!important;box-shadow:0 8px 18px #0c8d743b!important}.message-center-page .operations-btn.success:hover,.message-center-page .operations-btn.reply-btn:hover,.message-center-page .operations-btn.send-btn:hover{background:linear-gradient(135deg,#08735f,#238f75)!important;box-shadow:0 12px 24px #0c8d744a!important}.message-center-page .operations-btn.archive,.message-center-page .operations-btn.archive-btn,.message-center-page .operations-btn.danger,.message-center-page .operations-btn.delete-btn{color:#fff!important;background:linear-gradient(135deg,#db5063,#b93449)!important;box-shadow:0 8px 18px #be3d5038!important}.message-center-page .operations-btn.archive:hover,.message-center-page .operations-btn.archive-btn:hover,.message-center-page .operations-btn.danger:hover,.message-center-page .operations-btn.delete-btn:hover{background:linear-gradient(135deg,#c83d52,#9f293c)!important;box-shadow:0 12px 24px #be3d504d!important}.message-center-page .operations-btn.warning,.message-center-page .operations-btn.edit-btn{color:#fff!important;background:linear-gradient(135deg,#e69632,#c36b25)!important;box-shadow:0 8px 18px #c66f2638!important}.message-center-page .operations-btn.warning:hover,.message-center-page .operations-btn.edit-btn:hover{background:linear-gradient(135deg,#d27d26,#aa561b)!important;box-shadow:0 12px 24px #c66f264a!important}.message-center-page .operations-btn.ghost,.message-center-page .operations-btn.secondary{color:#fff!important;background:linear-gradient(135deg,#7181a8,#526381)!important;box-shadow:0 7px 16px #52638133!important}.message-center-page .operations-btn.ghost:hover,.message-center-page .operations-btn.secondary:hover{background:linear-gradient(135deg,#5e6f98,#40516e)!important}.message-root-card{background:#fff!important;border:1px solid #d7e2ef!important;box-shadow:0 4px 13px #25315112!important}.message-chat-bubble.received{color:#283442!important;background:#fff!important;border:1px solid #e2ded7!important;border-bottom-left-radius:4px!important;box-shadow:0 2px 5px #242a301a!important}.message-chat-bubble.mine{color:#203529!important;background:#d9fdd3!important;border:1px solid #cbe6c1!important;border-bottom-right-radius:4px!important;box-shadow:0 2px 5px #2448301a!important}.message-chat-bubble.received .sender-text,.message-chat-row.received .sender-text{color:#4f55bd!important}.message-chat-bubble.mine .recipient-text,.message-chat-row.mine .recipient-text{color:#16705d!important}.message-chat-bubble.received:before{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:#fff;width:12px;height:13px;position:absolute;bottom:0;left:-7px}.message-chat-bubble.mine:before{content:"";clip-path:polygon(0 0,100% 100%,0 100%);background:#d9fdd3;width:12px;height:13px;position:absolute;bottom:0;right:-7px}.message-avatar.sender{background:linear-gradient(135deg,#5360d8,#3583c7)!important}.message-avatar.recipient,.message-composer-avatar.recipient{background:linear-gradient(135deg,#0b8c71,#35ad8f)!important}.message-thread-composer{background:#f0f2f5!important;border-top:1px solid #d9dee5!important}.message-composer-input-wrap textarea{color:#27333e!important;background:#fff!important;border:1px solid #e0e4e9!important;border-radius:22px!important;box-shadow:0 2px 7px #23303d0d!important}.message-composer-input-wrap textarea:hover{border-color:#cbd4dc!important}.message-composer-input-wrap textarea:focus{background:#fff!important;border-color:#8dcdbd!important;box-shadow:0 0 0 3px #128c711c!important}.message-send-button{color:#fff!important;background:linear-gradient(135deg,#00a884,#078b70)!important;border-radius:22px!important;box-shadow:0 7px 17px #008a6c3b!important}.message-send-button:not(:disabled):hover{background:linear-gradient(135deg,#079678,#06745f)!important;box-shadow:0 11px 22px #008a6c4d!important}.message-thread-close{color:#fff!important;background:linear-gradient(135deg,#6670c9,#4e5cad)!important;border-color:#d6dcf5!important;box-shadow:0 7px 15px #4e5cad33!important}.message-thread-close:hover{color:#fff!important;background:linear-gradient(135deg,#535db7,#3f4d99)!important;border-color:#0000!important;box-shadow:0 10px 21px #4e5cad4a!important}.message-thread-scroll{scrollbar-color:#a7a9a6 #dedbd5!important}.message-thread-scroll::-webkit-scrollbar{width:10px!important}.message-thread-scroll::-webkit-scrollbar-track{background:#dedbd5!important}.message-thread-scroll::-webkit-scrollbar-thumb{background:#a7a9a6!important;border:2px solid #dedbd5!important}.message-thread-scroll::-webkit-scrollbar-thumb:hover{background:#858884!important}@media (width<=680px){.message-chat-bubble{max-width:84%!important}.message-thread-composer{gap:7px!important}.message-send-button{border-radius:20px!important;min-width:68px!important}.message-composer-input-wrap textarea{border-radius:20px!important}}.message-center-page .operations-btn,.message-thread-close,.message-send-button{transform-origin:50%}.message-center-page .operations-btn:not(:disabled):active,.message-thread-close:active,.message-send-button:not(:disabled):active{filter:saturate(1.15)brightness(.92)!important;transform:translateY(1px)scale(.965)!important;box-shadow:0 3px 8px #1c27432e!important}.message-center-page .operations-btn.primary,.message-center-page .operations-btn.open-btn,.message-center-page .operations-btn.view-btn{background:linear-gradient(135deg,#5754d8,#287ebd)!important}.message-center-page .operations-btn.primary:hover:not(:disabled),.message-center-page .operations-btn.open-btn:hover:not(:disabled),.message-center-page .operations-btn.view-btn:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#287ebd,#22a4c9)!important;box-shadow:0 12px 24px #2296c44d!important}.message-center-page .operations-btn.primary:active:not(:disabled),.message-center-page .operations-btn.open-btn:active:not(:disabled),.message-center-page .operations-btn.view-btn:active:not(:disabled){background:linear-gradient(135deg,#413d9f,#633dac)!important}.message-center-page .operations-btn.success,.message-center-page .operations-btn.reply-btn{background:linear-gradient(135deg,#0b8e76,#39ad8f)!important}.message-center-page .operations-btn.success:hover:not(:disabled),.message-center-page .operations-btn.reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#14a58a,#36c5a3)!important;box-shadow:0 12px 24px #1bad8f4d!important}.message-center-page .operations-btn.success:active:not(:disabled),.message-center-page .operations-btn.reply-btn:active:not(:disabled){background:linear-gradient(135deg,#075c4c,#087461)!important}.message-center-page .operations-btn.archive,.message-center-page .operations-btn.archive-btn,.message-center-page .operations-btn.danger,.message-center-page .operations-btn.delete-btn{background:linear-gradient(135deg,#d84b60,#b93449)!important}.message-center-page .operations-btn.archive:hover:not(:disabled),.message-center-page .operations-btn.archive-btn:hover:not(:disabled),.message-center-page .operations-btn.danger:hover:not(:disabled),.message-center-page .operations-btn.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#f06a45,#d63e4f)!important;box-shadow:0 12px 24px #de49494d!important}.message-center-page .operations-btn.archive:active:not(:disabled),.message-center-page .operations-btn.archive-btn:active:not(:disabled),.message-center-page .operations-btn.danger:active:not(:disabled),.message-center-page .operations-btn.delete-btn:active:not(:disabled){background:linear-gradient(135deg,#8e2738,#681d31)!important}.message-center-page .operations-btn.warning,.message-center-page .operations-btn.edit-btn{background:linear-gradient(135deg,#e28d2e,#c76a25)!important}.message-center-page .operations-btn.warning:hover:not(:disabled),.message-center-page .operations-btn.edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f3b53f,#e48422)!important;box-shadow:0 12px 24px #e08b274d!important}.message-center-page .operations-btn.warning:active:not(:disabled),.message-center-page .operations-btn.edit-btn:active:not(:disabled){background:linear-gradient(135deg,#a55518,#783b13)!important}.message-center-page .operations-btn.ghost,.message-center-page .operations-btn.secondary{background:linear-gradient(135deg,#7181a8,#526381)!important}.message-center-page .operations-btn.ghost:hover:not(:disabled),.message-center-page .operations-btn.secondary:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#7766c7,#536fb1)!important;box-shadow:0 12px 24px #585cae45!important}.message-center-page .operations-btn.ghost:active:not(:disabled),.message-center-page .operations-btn.secondary:active:not(:disabled){background:linear-gradient(135deg,#37435f,#283752)!important}.message-center-page .operations-tabs button:not(.active):hover{color:#3e46af!important;background:linear-gradient(135deg,#e5efff,#e9e8ff)!important;border-color:#a9c9ef!important;transform:translateY(-2px)!important}.message-center-page .operations-tabs button:not(.active):active{color:#2e3d91!important;background:linear-gradient(135deg,#d7dcff,#cadff7)!important;border-color:#8fa8df!important;transform:scale(.97)!important}.message-center-page .operations-tabs button.active:hover{background:linear-gradient(135deg,#287ebd,#1fa6c6)!important}.message-center-page .operations-tabs button.active:active{background:linear-gradient(135deg,#3c3b98,#4b489f)!important;transform:scale(.97)!important}.message-center-page .operations-tabs button.archive-tab:hover{color:#b42f43!important;background:linear-gradient(135deg,#ffddd9,#ffd0d9)!important}.message-center-page .operations-tabs button.archive-tab.active:hover{color:#fff!important;background:linear-gradient(135deg,#f06a45,#cc354d)!important}.message-center-page .operations-tabs button.archive-tab.active:active{background:linear-gradient(135deg,#8f2538,#691c2e)!important}.message-thread-scroll{background:linear-gradient(#efeae2e0,#efeae2e0),radial-gradient(circle at 18% 20%,#ffffff7a 0 2px,#0000 2.5px) 0 0/38px 38px,radial-gradient(circle at 78%,#ffffff61 0 2px,#0000 2.5px) 0 0/46px 46px,#efeae2!important}.message-chat-row{margin:2px 0;padding:2px 4px}.message-chat-row.received{justify-content:flex-start}.message-chat-bubble.received{position:relative;color:#173e33!important;background:linear-gradient(135deg,#d8f7e7 0%,#c8f0dc 48%,#b7e7d3 100%)!important;border:1px solid #0b846b57!important;border-radius:18px 18px 18px 5px!important;min-width:180px!important;max-width:min(72%,620px)!important;padding:11px 14px 10px!important;transition:transform .17s,box-shadow .17s,background .17s,border-color .17s!important;box-shadow:0 5px 13px #1e66521f,inset 0 1px #ffffff94!important}.message-chat-bubble.received:hover{transform:translateY(-2px);background:linear-gradient(135deg,#c8f5e9 0%,#afeada 50%,#98dfcf 100%)!important;border-color:#0d907e80!important;box-shadow:0 9px 18px #1c73602e,inset 0 1px #ffffff9e!important}.message-chat-bubble.received:active{transform:translateY(0)scale(.985);background:linear-gradient(135deg,#a9e4cc,#8fd5bd)!important}.message-chat-bubble.received:before{background:#b7e7d3!important}.message-chat-bubble.received .sender-text,.message-chat-row.received .sender-text{color:#08745d!important;font-size:12.3px!important;font-weight:900!important}.message-chat-bubble.received p{color:#234c40!important}.message-chat-bubble.received time{color:#5f877a!important}.message-chat-row.mine{flex-direction:row-reverse;justify-content:flex-start}.message-chat-bubble.mine{position:relative;color:#713527!important;background:linear-gradient(135deg,#ffe2d0 0%,#ffc9b5 48%,#f7aaa3 100%)!important;border:1px solid #d0523259!important;border-radius:17px 17px 5px!important;min-width:130px!important;max-width:min(59%,480px)!important;padding:9px 12px 8px!important;transition:transform .17s,box-shadow .17s,background .17s,border-color .17s!important;box-shadow:0 5px 13px #a4493621,inset 0 1px #ffffff91!important}.message-chat-bubble.mine:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ffd5b2 0%,#ffb78f 48%,#f99386 100%)!important;border-color:#dd5e307a!important;box-shadow:0 9px 18px #b7513633,inset 0 1px #ffffff9e!important}.message-chat-bubble.mine:active{transform:translateY(0)scale(.985);background:linear-gradient(135deg,#f5a980,#e98370)!important}.message-chat-bubble.mine:before{background:#f7aaa3!important}.message-chat-bubble.mine .recipient-text,.message-chat-row.mine .recipient-text{color:#a33b2d!important;font-size:11.8px!important;font-weight:900!important}.message-chat-bubble.mine p{color:#6e392f!important;font-size:13px!important}.message-chat-bubble.mine time{color:#9b665c!important}.message-chat-bubble.mine .message-delivery{color:#157fb3!important}.message-avatar.sender{background:linear-gradient(135deg,#07866d,#33b28f)!important;border-color:#d8fff3!important;box-shadow:0 5px 13px #11896f3d!important}.message-avatar.recipient,.message-composer-avatar.recipient{background:linear-gradient(135deg,#e56747,#c94255)!important;border-color:#fff0e9!important;box-shadow:0 5px 13px #be48423b!important}.message-thread-composer{background:linear-gradient(#f3f5f6,#e9edef)!important}.message-composer-input-wrap textarea{color:#26343d!important;background:#fff!important;border-color:#d8dfe4!important}.message-composer-input-wrap textarea:focus{border-color:#70aaca!important;box-shadow:0 0 0 3px #3891c21f!important}.message-send-button{color:#fff!important;background:linear-gradient(135deg,#00a884,#087c67)!important}.message-send-button:not(:disabled):hover{transform:translateY(-2px);background:linear-gradient(135deg,#078fb0,#087d89)!important;box-shadow:0 11px 22px #18819d4a!important}.message-send-button:not(:disabled):active{background:linear-gradient(135deg,#075c5b,#064a53)!important;transform:translateY(1px)scale(.96)!important}.message-thread-close{background:linear-gradient(135deg,#6670c9,#4e5cad)!important}.message-thread-close:hover{background:linear-gradient(135deg,#d15f73,#a94163)!important;box-shadow:0 10px 20px #b0415e40!important}.message-thread-close:active{background:linear-gradient(135deg,#8a2f48,#64263e)!important}@media (width<=680px){.message-chat-bubble.received{min-width:135px!important;max-width:82%!important}.message-chat-bubble.mine{min-width:100px!important;max-width:72%!important}}@media (width<=420px){.message-chat-bubble.received{max-width:85%!important}.message-chat-bubble.mine{max-width:76%!important}}@media (hover:none){.message-chat-bubble.received:hover,.message-chat-bubble.mine:hover{transform:none!important}}.message-center-page{--mc-polish-blue:#176ec8;--mc-polish-blue-dark:#124f91;--mc-polish-cyan:#168ca8;--mc-polish-green:#16845f;--mc-polish-green-dark:#106848;--mc-polish-red:#c53c46;--mc-polish-red-dark:#9f2f38;--mc-polish-amber:#d97706;--mc-polish-violet:#6556c7;--mc-control-height:36px;--mc-control-radius:9px}.message-center-page .operations-btn{white-space:nowrap;gap:6px;line-height:1.1;min-height:var(--mc-control-height)!important;border-radius:var(--mc-control-radius)!important;padding:7px 12px!important;font-size:11.75px!important;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s,filter .16s!important}.message-center-page .operations-btn:disabled,.message-send-button:disabled{opacity:.58;filter:saturate(.65);cursor:not-allowed!important}.message-center-page .message-center-heading .operations-btn{border-radius:10px!important;min-height:38px!important;padding:8px 13px!important;font-size:11.75px!important}.message-center-page .operations-table .operations-btn,.message-center-page .message-row-actions .operations-btn,.message-center-page .operations-actions.compact .operations-btn{border-radius:8px!important;min-height:31px!important;padding:5px 9px!important;font-size:10.5px!important}.message-thread-close{border-radius:10px!important;min-width:36px!important;min-height:36px!important;padding:7px 10px!important;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s!important}.message-send-button{border-radius:13px!important;min-width:76px!important;min-height:40px!important;padding:8px 14px!important;font-size:11.75px!important;font-weight:850!important;transition:transform .16s,background .16s,box-shadow .16s,filter .16s!important}.message-center-page .message-reply-actions button,.message-center-page .message-pending-attachment button,.message-center-page .message-attachment-remove{border-radius:8px;min-height:28px;padding:5px 8px;font-size:10px;line-height:1;transition:transform .15s,color .15s,background .15s,border-color .15s,box-shadow .15s}.message-center-page .operations-btn:not(.primary):not(.open-btn):not(.view-btn):not(.success):not(.reply-btn):not(.send-btn):not(.archive):not(.archive-btn):not(.danger):not(.delete-btn):not(.warning):not(.edit-btn):not(.ghost):not(.secondary):hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#1459b5,#1b76d2)!important;border-color:#0000!important;transform:translateY(-2px)!important;box-shadow:0 9px 19px #176ec83d!important}.message-center-page .operations-btn.primary:hover:not(:disabled),.message-center-page .operations-btn.open-btn:hover:not(:disabled),.message-center-page .operations-btn.view-btn:hover:not(:disabled){background:linear-gradient(135deg,#126b4d,#1d9a6e)!important;transform:translateY(-2px)!important;box-shadow:0 10px 21px #16845f40!important}.message-center-page .operations-btn.success:hover:not(:disabled),.message-center-page .operations-btn.reply-btn:hover:not(:disabled){background:linear-gradient(135deg,#1459b5,#1b76d2)!important;transform:translateY(-2px)!important;box-shadow:0 10px 21px #176ec83d!important}.message-center-page .operations-btn.warning:hover:not(:disabled),.message-center-page .operations-btn.edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6556c7,#4f65b8)!important;transform:translateY(-2px)!important;box-shadow:0 10px 21px #5d52be3d!important}.message-center-page .operations-btn.archive:hover:not(:disabled),.message-center-page .operations-btn.archive-btn:hover:not(:disabled),.message-center-page .operations-btn.danger:hover:not(:disabled),.message-center-page .operations-btn.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#a72f39,#7f2839)!important;transform:translateY(-2px)!important;box-shadow:0 10px 21px #a72f3940!important}.message-center-page .operations-btn.ghost:hover:not(:disabled),.message-center-page .operations-btn.secondary:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#167ea2,#168ca8)!important;transform:translateY(-2px)!important;box-shadow:0 10px 21px #168ca83d!important}.message-center-page .message-center-heading .operations-btn:hover:not(:disabled){background:linear-gradient(135deg,#c53c46f0,#9f2f38f0)!important;border-color:#ffffff61!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px #4316213d!important}.message-center-page .message-attachment-picker{background:radial-gradient(circle at 94% 8%,#16845f14,#0000 10rem),linear-gradient(135deg,#f7fbff,#f4f8fc);border:1px dashed #9fc3e4;border-radius:13px;gap:7px;width:100%;min-width:0;padding:10px 11px;transition:border-color .17s,background .17s,box-shadow .17s,transform .17s;display:grid;position:relative;box-shadow:inset 0 1px #fffffff2}.message-center-page .message-attachment-picker:hover{background:radial-gradient(circle at 94% 8%,#16845f1a,#0000 10rem),linear-gradient(135deg,#eef7ff,#f7fbff);border-color:#5c9ed6;transform:translateY(-1px);box-shadow:0 8px 18px #176ec814}.message-center-page .message-attachment-picker:focus-within{border-color:var(--mc-polish-blue);box-shadow:0 0 0 3px #176ec81a,0 8px 18px #176ec814}.message-center-page .message-attachment-picker input[type=file]{color:#52667d;cursor:pointer;background:#fff;border:1px solid #d5e2ef;border-radius:10px;width:100%;min-height:44px;font-weight:650;transition:border-color .16s,background .16s,box-shadow .16s;overflow:hidden;padding:5px 7px!important;font-size:11.5px!important}.message-center-page .message-attachment-picker input[type=file]:hover{background:#fbfdff;border-color:#a8c8e5}.message-center-page .message-attachment-picker input[type=file]:focus{border-color:var(--mc-polish-blue);outline:none;box-shadow:0 0 0 3px #176ec81a}.message-center-page .message-attachment-picker input[type=file]::file-selector-button{color:#fff;min-height:32px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1459b5,#1b76d2);border:0;border-radius:8px;margin-right:10px;padding:6px 11px;font-size:10.75px;font-weight:850;transition:transform .15s,background .15s,box-shadow .15s;box-shadow:0 5px 12px #1459b52e}.message-center-page .message-attachment-picker input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,#126b4d,#1d9a6e);box-shadow:0 7px 15px #16845f38}.message-center-page .message-attachment-picker small,.message-center-page .message-attachment-help{margin:0;line-height:1.4;color:#5d748b!important;font-size:10px!important;font-weight:650!important}.message-center-page .message-pending-attachment{background:linear-gradient(135deg,#fff,#f2f8fd);border:1px solid #c7dced;border-radius:12px;gap:10px;min-height:58px;margin-top:8px;padding:7px 9px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;box-shadow:0 5px 14px #17487612}.message-center-page .message-pending-attachment:hover{background:linear-gradient(135deg,#fff,#edf7ff);border-color:#8fbee3;transform:translateY(-2px);box-shadow:0 9px 20px #176ec81a}.message-center-page .message-pending-attachment img{object-fit:cover;border:2px solid #fff;border-radius:10px;flex:0 0 50px;width:50px;height:50px;transition:transform .16s,box-shadow .16s;box-shadow:0 5px 13px #17487626}.message-center-page .message-pending-attachment:hover img{transform:scale(1.035);box-shadow:0 7px 16px #17487633}.message-center-page .message-pending-attachment span{color:#1764a8;background:linear-gradient(135deg,#e8f4ff,#eaf8f2);border:1px solid #c6dff1;border-radius:9px;flex:0 0 38px;width:38px;height:38px}.message-center-page .message-pending-attachment button,.message-center-page .message-attachment-remove{color:#ad3440!important;background:#fff5f6!important;border:1px solid #f0cbd0!important}.message-center-page .message-pending-attachment button:hover,.message-center-page .message-attachment-remove:hover{transform:translateY(-1px);box-shadow:0 6px 13px #c53c462e;border-color:var(--mc-polish-red)!important;color:#fff!important;background:linear-gradient(135deg,#c53c46,#a72f39)!important}.message-center-page .message-file-link,.message-center-page .message-image-thumb{background:linear-gradient(145deg,#fffffff5,#f4f9feeb);border-color:#c6dced;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:0 4px 11px #1e486e0f}.message-center-page .message-file-link:hover{border-color:var(--mc-polish-blue);color:var(--mc-polish-blue-dark);background:linear-gradient(145deg,#eef6ff,#f7fbff);transform:translateY(-2px);box-shadow:0 8px 17px #176ec81f}.message-center-page .message-image-thumb:hover{border-color:var(--mc-polish-green);background:#f1fbf6;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 18px #16845f21}.message-center-page .message-image-thumb img{border-radius:8px;transition:transform .18s,filter .18s;box-shadow:0 2px 7px #0f172a17}.message-center-page .message-image-thumb:hover img{filter:saturate(1.04)contrast(1.02);transform:scale(1.015)}.message-center-page .message-image-dialog{background:linear-gradient(145deg,#fff,#f5f8fc);border:1px solid #ffffffd1;box-shadow:0 30px 75px #0f172a47}.message-center-page .message-image-dialog>img{background:#f6f8fb;border:1px solid #dce5ee;border-radius:13px;box-shadow:0 12px 30px #0f172a1f}.message-center-page .operations-table-wrap{scrollbar-color:#9eb3c8 #edf2f7;scrollbar-gutter:stable;background:#fff;border-color:#d8e2ec;border-radius:14px;box-shadow:0 8px 22px #0f172a0e}.message-center-page .operations-table-wrap::-webkit-scrollbar{height:8px}.message-center-page .operations-table-wrap::-webkit-scrollbar-track{background:#edf2f7}.message-center-page .operations-table-wrap::-webkit-scrollbar-thumb{background:#9eb3c8;border:2px solid #edf2f7;border-radius:999px}.message-center-page .operations-table-wrap::-webkit-scrollbar-thumb:hover{background:#6f8da9}.message-center-page .operations-table th{color:#42566d;letter-spacing:.055em;background:linear-gradient(#edf5fd,#e7f0f9);border-bottom:1px solid #d6e1ec;padding:10px 12px;font-size:10px}.message-center-page .operations-table td{border-top-color:#edf1f5;padding:11px 12px;font-size:12px;transition:background .16s,color .16s,box-shadow .16s}.message-center-page .operations-table tbody tr:nth-child(2n) td{background:#fbfcfe}.message-center-page .operations-table tbody tr:hover td{color:#21364d;background:linear-gradient(90deg,#edf6ff,#f7fbff)!important}.message-center-page .operations-table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--mc-polish-blue)!important}.message-center-page .operations-unread td{font-weight:700;background:linear-gradient(90deg,#eef2ff,#f5f7ff)!important}.message-center-page .operations-unread:hover td{background:linear-gradient(90deg,#e4edff,#edf5ff)!important}.message-center-page .operations-archived td,.message-center-page tr.archived td{background:#fff8f9!important}.message-center-page .operations-archived:hover td,.message-center-page tr.archived:hover td{background:linear-gradient(90deg,#fff0f2,#fff7f8)!important}.message-center-page .operations-archived:hover td:first-child,.message-center-page tr.archived:hover td:first-child{box-shadow:inset 4px 0 0 var(--mc-polish-red)!important}.message-center-page .operations-field input,.message-center-page .operations-field select,.message-center-page .operations-field textarea{border-color:#d8e2ec;border-radius:9px;min-height:39px;padding:8px 10px;font-size:12px}.message-center-page .operations-field input:hover,.message-center-page .operations-field select:hover,.message-center-page .operations-field textarea:hover{background:#fbfdff;border-color:#adc6de}.message-center-page .operations-field input:focus,.message-center-page .operations-field select:focus,.message-center-page .operations-field textarea:focus{border-color:var(--mc-polish-blue);box-shadow:0 0 0 3px #176ec81a}.message-center-page .operations-tabs button{border-radius:9px!important;min-height:36px!important;padding:7px 12px!important;font-size:11.5px!important}.message-center-page .operations-tabs button:not(.active):hover{color:var(--mc-polish-blue-dark)!important;background:linear-gradient(135deg,#eaf4ff,#edf7ff)!important;border-color:#a8c8e7!important;box-shadow:0 6px 13px #176ec817!important}.message-center-page .operations-tabs button.active:hover{background:linear-gradient(135deg,#126b4d,#1d9a6e)!important;box-shadow:0 8px 17px #16845f30!important}.message-center-page .operations-tabs button.archive-tab.active:hover{background:linear-gradient(135deg,#a72f39,#c53c46)!important}@media (hover:hover) and (pointer:fine){.message-center-page .operations-card:hover{border-color:#bfd4e7;transform:translateY(-2px);box-shadow:0 13px 28px #176ec817}.message-center-page .operations-metric:hover,.message-center-page .message-summary-card:hover{background:linear-gradient(145deg,#fff,#f3f8ff);border-color:#c0d4e8;transform:translateY(-2px);box-shadow:0 11px 24px #176ec817}}.message-center-page .operations-btn:focus-visible,.message-center-page .operations-tabs button:focus-visible,.message-center-page .message-attachment-picker input[type=file]:focus-visible,.message-center-page .message-file-link:focus-visible,.message-center-page .message-image-thumb:focus-visible,.message-send-button:focus-visible,.message-thread-close:focus-visible{outline-offset:2px;outline:3px solid #176ec838}@media (width<=760px){.message-center-page .operations-btn{min-height:35px!important;padding:7px 10px!important;font-size:11.25px!important}.message-center-page .message-center-heading .operations-btn{min-height:37px!important}.message-center-page .operations-table{min-width:700px}.message-center-page .operations-table th,.message-center-page .operations-table td{padding:10px}.message-center-page .message-attachment-picker{padding:9px}.message-center-page .message-attachment-picker input[type=file]{min-height:42px}.message-center-page .message-attachment-picker input[type=file]::file-selector-button{margin-right:7px;padding:6px 9px}.message-center-page .message-pending-attachment{width:100%}.message-send-button{min-width:70px!important;min-height:39px!important}}@media (width<=520px){.message-center-page .operations-btn{min-height:34px!important;padding:6px 9px!important;font-size:10.75px!important}.message-center-page .message-center-heading .operations-actions{gap:7px}.message-center-page .message-attachment-picker{border-radius:11px}.message-center-page .message-attachment-picker input[type=file]{padding:4px!important;font-size:10.5px!important}.message-center-page .message-attachment-picker input[type=file]::file-selector-button{min-height:30px;margin-right:6px;padding:5px 8px;font-size:10px}.message-center-page .message-pending-attachment img{flex-basis:44px;width:44px;height:44px}.message-center-page .message-pending-attachment small{max-width:min(50vw,170px)}.message-center-page .operations-table{min-width:650px}}@media (hover:none){.message-center-page .message-attachment-picker:hover,.message-center-page .message-pending-attachment:hover,.message-center-page .message-file-link:hover,.message-center-page .message-image-thumb:hover,.message-center-page .operations-btn:hover:not(:disabled),.message-center-page .operations-tabs button:hover{transform:none!important}}.message-center-page .message-inbox-tab{align-items:center;gap:8px;display:inline-flex}.message-center-page .message-unread-tab-badge{letter-spacing:.15px;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:3px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.message-center-page .message-unread-tab-badge.has-unread{color:#08735e;background:#e4f8ef;border-color:#9edfc8;box-shadow:0 0 0 3px #0e8a7212,0 5px 12px #0e8a7217}.message-center-page .message-unread-tab-badge.is-clear{color:#788599;background:#f4f6f9;border-color:#d7dee9}.message-center-page .operations-tabs button.active .message-unread-tab-badge.has-unread{color:#fff;background:#e8fff62e;border-color:#ffffff70}.message-center-page .message-state-stack{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.message-center-page .message-state-badge{letter-spacing:.55px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:21px;padding:3px 8px;font-size:8.5px;font-weight:950;line-height:1;display:inline-flex}.message-center-page .message-state-badge.unread{color:#08735e;background:#dff7ed;border-color:#9cdec7;box-shadow:0 4px 10px #0e8a721c}.message-center-page .message-state-badge.unread i{background:#10a37f;border-radius:50%;width:7px;height:7px;animation:1.9s ease-in-out infinite mc-unread-pulse;box-shadow:0 0 0 4px #10a37f1f}.message-center-page .message-state-badge.read{color:#7a8799;background:#f5f7fa;border-color:#dbe2ec}.message-center-page .message-state-badge.archived{color:#a35f0c;background:#fff3da;border-color:#f1c98b;box-shadow:0 4px 10px #c96d2f17}@keyframes mc-unread-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.78)}}.message-center-page .operations-table tr.operations-unread td{font-weight:700;color:#203c35!important;background:linear-gradient(90deg,#eafaf3 0%,#f4fcf8 42%,#fbfefd 100%)!important}.message-center-page .operations-table tr.operations-unread td:first-child{box-shadow:inset 5px 0 #0e8a72,inset 0 1px #0e8a720f!important}.message-center-page .operations-table tr.operations-unread:hover td{background:linear-gradient(90deg,#ddf6ea 0%,#eaf9f2 48%,#f6fcf9 100%)!important}.message-center-page .operations-table tr.operations-unread td:nth-child(2) strong{color:#08735e;font-weight:900}.message-center-page .operations-table tr.operations-archived td,.message-center-page .operations-table tr.archived td{color:#6f5434!important;background:linear-gradient(90deg,#fff6e8 0%,#fffaf2 48%,#fffdf9 100%)!important}.message-center-page .operations-table tr.operations-archived td:first-child,.message-center-page .operations-table tr.archived td:first-child{box-shadow:inset 5px 0 #d58a24!important}.message-center-page .operations-table tr.operations-archived:hover td,.message-center-page .operations-table tr.archived:hover td{background:linear-gradient(90deg,#ffedcf,#fff5e5)!important}.message-center-page .operations-table tr.operations-archived td:nth-child(2) strong,.message-center-page .operations-table tr.archived td:nth-child(2) strong{color:#9b5c12}.message-center-page .operations-btn.archive,.message-center-page .operations-btn.archive-btn{color:#fff!important;background:linear-gradient(135deg,#dc8c2b,#bd651d)!important;border-color:#0000!important;box-shadow:0 8px 18px #c96d2f38!important}.message-center-page .operations-btn.archive:hover:not(:disabled),.message-center-page .operations-btn.archive-btn:hover:not(:disabled){background:linear-gradient(135deg,#ed9d37,#c96d2f)!important;box-shadow:0 12px 24px #c96d2f4d!important}.message-center-page .operations-btn.archive:active:not(:disabled),.message-center-page .operations-btn.archive-btn:active:not(:disabled){background:linear-gradient(135deg,#ae5b18,#85400e)!important}.message-center-page .message-compose-modal{padding:18px}.message-center-page .message-compose-dialog{max-height:min(92dvh,900px);overflow:hidden;background:#fff!important;border:1px solid #d8e2ed!important;border-radius:21px!important;width:min(860px,100vw - 32px)!important;max-width:860px!important;box-shadow:0 30px 80px #14253d3d,0 8px 24px #287ebd14!important}.message-center-page .message-compose-dialog>.message-compose-header{z-index:8;color:#fff;background:radial-gradient(circle at 92% 10%,#ffffff21,#0000 12rem),linear-gradient(120deg,#18365f,#245f96,#287ebd);border-bottom:1px solid #ffffff21;position:sticky;top:0;margin:0!important;padding:17px 20px!important}.message-center-page .message-compose-header h2{margin:2px 0 0;color:#fff!important}.message-center-page .message-compose-header .operations-eyebrow{margin-bottom:4px;color:#bde4ff!important}.message-center-page .message-compose-dialog>.operations-form{background:linear-gradient(#fff 0%,#fbfcff 100%);max-height:calc(92dvh - 92px);overflow-y:auto;padding:20px!important}.message-center-page .message-compose-dialog .operations-field textarea{resize:vertical;background:linear-gradient(#fff,#fbfdff);border-color:#ccd9e7;min-height:128px}.message-center-page .message-modal-close{color:#fff;width:38px;min-width:38px;height:38px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff57;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;padding:0;font-size:24px;font-weight:700;line-height:1;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px 14px #07162a1f}.message-center-page .message-modal-close:hover{color:#fff;background:linear-gradient(135deg,#e55262,#be3548);border-color:#ffb8bf;transform:translateY(-1px)scale(1.03);box-shadow:0 9px 20px #c43c5047}.message-center-page .message-modal-close:active{transform:scale(.96)}.message-center-page .message-modal-close:focus-visible{outline-offset:2px;outline:3px solid #ffffff6b}.message-center-page .message-chat-header .message-chat-close{align-self:flex-start}.message-center-page .operations-modal-card>.operations-inline:not(.message-chat-header):not(.message-compose-header) .message-modal-close{color:#fff;background:linear-gradient(135deg,#64748b,#475569);border-color:#d9e2ec}@media (width<=700px){.message-center-page .message-compose-modal{padding:8px}.message-center-page .message-compose-dialog{max-height:calc(100dvh - 16px);border-radius:16px!important;width:calc(100vw - 16px)!important}.message-center-page .message-compose-dialog>.operations-form{max-height:calc(100dvh - 94px);padding:15px!important}.message-center-page .message-compose-dialog>.message-compose-header{padding:14px 15px!important}.message-center-page .message-modal-close{width:36px;min-width:36px;height:36px}.message-center-page .message-state-badge{font-size:8px}}@media (prefers-reduced-motion:reduce){.message-center-page .message-state-badge.unread i{animation:none}}.message-center-page .message-send-toast{z-index:99999;color:#0a594a;background:radial-gradient(circle at 100% 0,#ffffff80,#0000 8rem),linear-gradient(135deg,#effcf7 0%,#ddf7ec 100%);border:1px solid #9edfc8;border-radius:17px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:11px;width:min(390px,100vw - 28px);min-height:74px;padding:12px 14px;animation:.5s cubic-bezier(.18,.86,.31,1.18) both mc-message-fly-in,.42s 2.72s forwards mc-message-fly-out;display:grid;position:fixed;top:22px;right:22px;overflow:hidden;box-shadow:0 20px 50px #08735e2e,0 7px 18px #23305114}.message-center-page .message-send-toast:after{content:"";transform-origin:0;background:linear-gradient(90deg,#0e8a72,#36b99a);border-radius:0 0 17px 17px;height:4px;animation:3.15s linear forwards mc-message-toast-timer;position:absolute;bottom:0;left:0;right:0}.message-center-page .message-send-toast-icon{color:#0e8a72;background:linear-gradient(145deg,#fff,#d8f6ea);border:1px solid #9edfc8;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;line-height:1;animation:.72s ease-out both mc-message-plane;display:inline-flex;box-shadow:0 7px 15px #0e8a7221}.message-center-page .message-send-toast-copy{min-width:0}.message-center-page .message-send-toast-copy strong{color:#08735e;margin:0 0 3px;font-size:13.5px;font-weight:900;line-height:1.25;display:block}.message-center-page .message-send-toast-copy small{color:#4d786e;font-size:11.5px;font-weight:650;line-height:1.35;display:block}.message-center-page .message-send-toast-check{color:#fff;background:#0e8a72;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 5px 12px #0e8a7238}@keyframes mc-message-fly-in{0%{opacity:0;transform:translate(115%,-8px)rotate(1.5deg)}72%{opacity:1;transform:translate(-8px)rotate(-.3deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes mc-message-fly-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(115%,-4px)}}@keyframes mc-message-plane{0%{opacity:0;transform:translate(-18px,10px)rotate(-18deg)scale(.75)}70%{opacity:1;transform:translate(3px,-2px)rotate(3deg)scale(1.05)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes mc-message-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=600px){.message-center-page .message-send-toast{border-radius:15px;grid-template-columns:38px minmax(0,1fr) 26px;width:calc(100vw - 24px);padding:11px 12px;top:12px;right:12px}.message-center-page .message-send-toast-icon{border-radius:11px;width:38px;height:38px;font-size:19px}}@media (prefers-reduced-motion:reduce){.message-center-page .message-send-toast,.message-center-page .message-send-toast-icon,.message-center-page .message-send-toast:after{animation:none}}.message-center-page .message-inbox-heading-line{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.message-center-page .message-inbox-heading-line h2{margin:0}.message-center-page .message-live-indicator{color:#08735e;letter-spacing:.65px;background:#e9f9f2;border:1px solid #a8dfcd;border-radius:999px;align-items:center;gap:6px;min-height:23px;padding:4px 9px;font-size:9px;font-weight:950;line-height:1;display:inline-flex;box-shadow:0 4px 11px #0e8a7214}.message-center-page .message-live-indicator i{background:#10a37f;border-radius:50%;width:7px;height:7px;animation:1.55s ease-in-out infinite mc-live-dot;box-shadow:0 0 0 4px #10a37f1c}@keyframes mc-live-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.48;transform:scale(.72)}}.message-center-page .message-activity-date{white-space:nowrap;display:block}.message-center-page .message-activity-label{color:#0e8a72;margin-top:3px;font-size:9px;font-weight:850;display:block}.message-center-page .message-chat-thread{scroll-behavior:smooth}.message-center-page .message-chat-bubble.incoming{color:#233b54!important;background:linear-gradient(145deg,#fff 0%,#eaf5ff 100%)!important;border:1px solid #b9d7ee!important;border-radius:5px 17px 17px!important;align-self:flex-start!important;box-shadow:0 6px 15px #287ebd1a!important}.message-center-page .message-chat-bubble.incoming strong{color:#17649b!important}.message-center-page .message-chat-bubble.own{color:#17483d!important;background:linear-gradient(145deg,#e3faef 0%,#caf2e3 100%)!important;border:1px solid #91dbc3!important;border-radius:17px 5px 17px 17px!important;align-self:flex-end!important;box-shadow:0 6px 15px #0e8a721f!important}.message-center-page .message-chat-bubble.own strong{color:#08735e!important}.message-center-page .message-chat-bubble.message-reply-bubble{min-width:115px;position:relative}.message-center-page .message-chat-bubble.message-reply-bubble.own:before,.message-center-page .message-chat-bubble.message-reply-bubble.incoming:before{letter-spacing:.55px;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:950;display:block}.message-center-page .message-chat-bubble.message-reply-bubble.own:before{content:"YOUR REPLY";color:#0e8a72}.message-center-page .message-chat-bubble.message-reply-bubble.incoming:before{content:"REPLY";color:#287ebd}.message-center-page .message-root-bubble{outline:1px solid #5754d81a}.message-center-page .message-root-bubble:after{content:"ORIGINAL MESSAGE";color:#5754d8;letter-spacing:.55px;background:#5754d814;border-radius:999px;margin-top:7px;padding:3px 7px;font-size:7.8px;font-weight:950;display:inline-block}.message-center-page .message-thread-end{flex:0 0 1px;width:100%;height:1px}@media (width<=600px){.message-center-page .message-chat-bubble.incoming,.message-center-page .message-chat-bubble.own{max-width:92%!important}}@media (prefers-reduced-motion:reduce){.message-center-page .message-live-indicator i{animation:none}.message-center-page .message-chat-thread{scroll-behavior:auto}}.meeting-page{color:#15223b;background:radial-gradient(circle at 5% 0,#dff8f1 0,#0000 30%),radial-gradient(circle at 95% 8%,#e6eaff 0,#0000 32%),#f5f8fc;min-height:100vh;padding:26px}.meeting-shell{width:min(1320px,100%);margin:0 auto}.meeting-hero,.meeting-room-header{color:#fff;background:linear-gradient(128deg,#082b4b,#13558a 58%,#0a8e82);border:1px solid #d8e4ef;border-radius:22px;justify-content:space-between;gap:24px;padding:28px 30px;display:flex;box-shadow:0 16px 38px #1337612b}.meeting-kicker{color:#7cf0dc;letter-spacing:1.35px;font-size:11px;font-weight:900;display:block}.meeting-hero h1,.meeting-room-header h1{letter-spacing:-.9px;margin:8px 0;font-size:clamp(27px,3vw,38px)}.meeting-hero p,.meeting-room-header p{color:#d9edf8;max-width:690px;margin:0;line-height:1.6}.meeting-hero-actions,.meeting-room-actions,.meeting-card-actions,.meeting-modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meeting-primary,.meeting-secondary,.meeting-danger,.meeting-icon-button,.meeting-stage-button{cursor:pointer;min-height:41px;font:inherit;border:1px solid #0000;border-radius:11px;padding:0 16px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.meeting-primary{color:#fff;background:linear-gradient(135deg,#0ca897,#068375);box-shadow:0 8px 17px #02665b3d}.meeting-primary:hover,.meeting-secondary:hover,.meeting-danger:hover,.meeting-stage-button:hover{transform:translateY(-1px)}.meeting-primary.small{min-height:34px;padding:0 12px;font-size:13px}.meeting-secondary{color:#1b4d77;background:#fff;border-color:#d2e0ed}.meeting-danger{color:#a62f43;background:#fff3f4;border-color:#ffc8d0}.meeting-alert{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;font-weight:700;display:flex}.meeting-alert.success{color:#097860;background:#e6fbf4;border:1px solid #a7e8d7}.meeting-alert.error{color:#a42d40;background:#fff1f3;border:1px solid #ffcbd2}.meeting-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.meeting-info-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.meeting-info-grid article,.meeting-list-card,.meeting-wait-card,.meeting-stage,.meeting-participants,.meeting-chat,.meeting-join-card,.meeting-modal{background:#fffffff2;border:1px solid #dbe6f0;box-shadow:0 10px 28px #193a5b14}.meeting-info-grid article{border-radius:16px;padding:18px}.meeting-info-grid span,.meeting-card-meta,.meeting-side-heading span{color:#66809d;text-transform:uppercase;letter-spacing:.65px;font-size:11px;font-weight:900}.meeting-info-grid strong{color:#123b60;margin:6px 0;font-size:18px;display:block}.meeting-info-grid small{color:#58708b;line-height:1.45}.meeting-list-card{border-radius:19px;padding:22px}.meeting-section-heading,.meeting-side-heading,.meeting-stage-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.meeting-section-heading span,.meeting-stage-head span{color:#15968b;letter-spacing:1px;font-size:11px;font-weight:900}.meeting-section-heading h2,.meeting-side-heading h2,.meeting-stage-head h2{color:#183a59;margin:4px 0 0;font-size:22px}.meeting-section-heading>strong{color:#1b5eb3;background:#e7f1ff;border-radius:99px;padding:8px 12px;font-size:13px}.meeting-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;margin-top:20px;display:grid}.meeting-card{background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #dbe5ee;border-radius:16px;flex-direction:column;min-height:218px;padding:17px;display:flex}.meeting-card-top{justify-content:space-between;gap:8px;display:flex}.meeting-type,.meeting-state{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.meeting-type.video{color:#5146b6;background:#e8e7ff}.meeting-type.audio{color:#087c6f;background:#e0f7f2}.meeting-state.open{color:#18713e;background:#e1faea}.meeting-state.ended{color:#637489;background:#edf0f4}.meeting-card h3{color:#163b5f;margin:15px 0 7px;font-size:19px}.meeting-card p{color:#647a92;margin:0;font-size:13px;line-height:1.55}.meeting-card-meta{gap:8px;margin:auto 0 12px;padding-top:14px;display:flex}.meeting-card-meta span{background:#eff5f9;border-radius:7px;padding:4px 7px}.meeting-card-actions{min-height:36px}.meeting-icon-button{color:#2065ae;background:#edf5ff;border-color:#cfe0f2;min-height:34px;padding:0 10px}.meeting-waiting{color:#a66a06;font-size:12px;font-weight:800}.meeting-empty{text-align:center;color:#667f99;padding:55px 15px}.meeting-empty span,.meeting-wait-card>span{color:#13a492;font-size:34px;display:block}.meeting-empty h3{color:#244a6b;margin:8px}.meeting-empty p{margin:0}.meeting-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1b3085;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow:auto}.meeting-modal{border-radius:22px;width:min(680px,100%);padding:28px;position:relative}.meeting-modal h2{color:#143c60;margin:7px 0}.meeting-modal p{color:#637c95;margin:0 0 18px;line-height:1.55}.meeting-modal-close{color:#51718b;cursor:pointer;background:#eef4f8;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:14px;right:14px}.meeting-modal label{color:#355674;gap:7px;margin:13px 0;font-size:13px;font-weight:800;display:grid}.meeting-modal input,.meeting-modal select,.meeting-chat input{box-sizing:border-box;color:#183a5c;min-height:43px;font:inherit;background:#fff;border:1px solid #cbddec;border-radius:10px;outline:none;padding:0 12px}.meeting-modal input:focus,.meeting-modal select:focus,.meeting-chat input:focus{border-color:#11988b;box-shadow:0 0 0 3px #11988b1f}.meeting-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.meeting-check{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.meeting-check input{accent-color:#0e9686;min-height:auto}.meeting-invite-picker{background:#f7fbfc;border:1px solid #d7e7ef;border-radius:13px;margin:16px 0;padding:14px}.meeting-invite-picker>div:first-child small{color:#6b8195;margin-top:4px;font-weight:500;display:block}.meeting-user-list{border-top:1px solid #dce8ef;grid-template-columns:repeat(2,1fr);max-height:205px;margin-top:12px;display:grid;overflow:auto}.meeting-user-list label{border-bottom:1px solid #e5edf3;grid-template-columns:auto 1fr;align-items:center;margin:0;padding:9px 5px;font-size:12px;display:flex!important}.meeting-user-list input{accent-color:#0f9688;min-height:auto}.meeting-user-list span small{color:#71869b;font-weight:500;display:block}.meeting-modal-actions{justify-content:flex-end;margin-top:20px}.meeting-join-card{text-align:center;border-radius:24px;width:min(520px,100%);margin:8vh auto;padding:36px}.meeting-join-card h1{color:#123a60;margin:10px 0}.meeting-join-card p{color:#637b96;line-height:1.6}.meeting-join-icon{color:#fff;background:linear-gradient(135deg,#087d72,#17b4a1);border-radius:22px;place-items:center;width:68px;height:68px;margin:15px auto;font-size:31px;display:grid}.meeting-admission-note{color:#38617f;background:#edf7ff;border-radius:10px;margin:22px 0;padding:12px;font-size:13px;line-height:1.5}.meeting-back{color:#bee6ff;cursor:pointer;background:0 0;border:0;margin-bottom:13px;padding:0;font-weight:800;display:inline-flex}.meeting-room-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:16px;margin-top:17px;display:grid}.meeting-stage,.meeting-participants,.meeting-chat,.meeting-wait-card{border-radius:18px;padding:19px}.meeting-stage{background-position:50%;background-size:cover;position:relative;overflow:hidden}.meeting-stage--with-background{border-color:#4a9abc73;box-shadow:0 12px 30px #1670892e}.meeting-stage-head{margin-bottom:15px}.meeting-stage-button{color:#13547c;background:#edf6fc;border-color:#cddfea;min-height:34px;margin-left:6px;padding:0 10px;font-size:12px}.meeting-stage-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.meeting-stage-button.active-background{color:#5431a8;background:#f0ebff;border-color:#8b65d6}.meeting-stage-image-status{color:#543ca0;background:#ffffffd1;border:1px solid #5e6bd14d;border-radius:99px;margin:-5px 0 10px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.meeting-video-grid{background:#0c2034 50%/cover;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;min-height:370px;padding:10px;display:grid}.meeting-video-tile{background:#172d43;border:1px solid #ffffff1f;border-radius:12px;min-height:180px;position:relative;overflow:hidden}.meeting-video-tile video{object-fit:cover;background:#122b41;width:100%;height:100%;min-height:180px}.meeting-video-tile>div{color:#fff;background:#05101db8;border-radius:8px;justify-content:space-between;gap:10px;padding:7px 9px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.meeting-video-tile span{color:#bde4ec}.meeting-media-placeholder{color:#d5e2eb;text-align:center;place-content:center;width:100%;min-height:340px;display:grid}.meeting-media-placeholder span{color:#5ee3cf;font-size:42px}.meeting-media-placeholder small{color:#9eb5c7;margin-top:7px}.meeting-reaction-tray{background:linear-gradient(90deg,#f4fbff,#f2fffb);border:1px solid #d4e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px;padding:8px 10px;display:flex;box-shadow:0 8px 18px #12486412}.meeting-reaction-tray>span{color:#38677f;text-transform:uppercase;letter-spacing:.06em;margin-right:3px;font-size:11px;font-weight:900}.meeting-reaction-tray button{cursor:pointer;background:#fff;border:1px solid #d9e7ee;border-radius:10px;place-items:center;width:34px;height:34px;padding:0;font-size:18px;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.meeting-reaction-tray button:hover{background:#fff8e8;transform:translateY(-3px)scale(1.08);box-shadow:0 7px 14px #144e6929}.meeting-reaction-tray button:active{transform:scale(.94)}.meeting-floating-reactions{z-index:10;pointer-events:none;position:absolute;inset:70px 0 65px;overflow:hidden}.meeting-flying-reaction{filter:drop-shadow(0 8px 8px #0000003b);justify-items:center;min-width:54px;animation:3.9s cubic-bezier(.13,.72,.31,1) forwards meeting-reaction-float;display:grid;position:absolute;bottom:2%}.meeting-flying-reaction span{background:#fffffff2;border-radius:50%;place-items:center;width:48px;height:48px;font-size:29px;display:grid}.meeting-flying-reaction small{color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 3px #152b3b;white-space:nowrap;max-width:98px;margin-top:3px;font-size:10px;font-weight:800;overflow:hidden}.meeting-network-note{color:#6b8096;margin:12px 3px 0;font-size:12px;line-height:1.5}.meeting-side-stack{align-content:start;gap:15px;display:grid}.meeting-participants{max-height:390px;overflow:auto}.meeting-side-heading{border-bottom:1px solid #e3edf3;padding-bottom:10px}.meeting-side-heading h2{margin:0;font-size:17px}.meeting-person{border-bottom:1px solid #edf2f5;align-items:center;gap:9px;padding:11px 0;display:flex}.meeting-presence{background:#b5c1cc;border-radius:50%;flex:none;width:9px;height:9px}.meeting-presence.online{background:#16bc82;box-shadow:0 0 0 3px #dbf8ea}.meeting-person div:nth-child(2){flex:1;min-width:0}.meeting-person strong,.meeting-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meeting-person strong{color:#234966;font-size:13px}.meeting-person small{color:#71869b;margin-top:3px;font-size:11px}.meeting-person-actions{gap:4px;display:flex}.meeting-person-actions button{color:#087d6d;cursor:pointer;background:#edfcf8;border:1px solid #aadfd2;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:800}.meeting-person-actions .deny{color:#ae3345;background:#fff4f5;border-color:#ffc7ce}.meeting-chat{flex-direction:column;min-height:335px;display:flex}.meeting-chat-scroll{flex:1;min-height:185px;max-height:300px;padding:9px 0;overflow:auto}.meeting-chat article{background:#eef5fa;border-radius:11px 11px 11px 3px;max-width:91%;margin:7px 0;padding:9px 10px}.meeting-chat article.mine{background:#dff8f1;border-radius:11px 11px 3px;margin-left:auto}.meeting-chat article strong{color:#166071;font-size:11px}.meeting-chat article p{color:#29485f;white-space:pre-wrap;margin:3px 0;font-size:13px;line-height:1.35}.meeting-chat article small{color:#71889c;font-size:10px}.meeting-chat-empty{color:#7a8fa1;text-align:center;margin:30px 5px;font-size:13px}.meeting-chat form{grid-template-columns:1fr 40px;gap:7px;margin-top:9px;display:grid}.meeting-chat form button{color:#fff;cursor:pointer;background:#0e9585;border:0;border-radius:10px;font-size:18px}@keyframes meeting-reaction-float{0%{opacity:0;transform:translateY(0)scale(.65)rotate(-8deg)}12%{opacity:1;transform:translateY(-26px)scale(1.16)rotate(4deg)}72%{opacity:1}to{opacity:0;transform:translateY(-360px)scale(.83)rotate(12deg)}}.meeting-echo-note{color:#356c69;background:#eafaf5;border-left:3px solid #0f9a87;border-radius:8px;margin:11px 3px 0;padding:9px 11px;font-size:12px;line-height:1.45}.meeting-wait-card{text-align:center;max-width:630px;margin:22px auto}.meeting-wait-card h2{color:#214a6c;margin:7px}.meeting-wait-card p{color:#6a8198;max-width:490px;margin:10px auto 18px;line-height:1.55}.meeting-page--room{background-position:50%;background-size:cover;background-attachment:fixed}.meeting-background-input{display:none}.meeting-stage-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.meeting-stage-button.active{color:#af3043;background:#fff1f3;border-color:#ffb9c4}.meeting-host-controls{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.meeting-host-controls button{color:#1e5f91;cursor:pointer;background:#eef7ff;border:1px solid #b8d8ef;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:800}.meeting-host-controls button:disabled{opacity:.45;cursor:not-allowed}.meeting-host-controls .eject{color:#a72f41;background:#fff3f4;border-color:#ffc2ca}@media (width<=860px){.meeting-page{padding:14px}.meeting-hero,.meeting-room-header{flex-direction:column;padding:22px}.meeting-info-grid,.meeting-room-grid{grid-template-columns:1fr}.meeting-video-grid{min-height:270px}.meeting-hero-actions,.meeting-room-actions{justify-content:flex-start}.meeting-user-list{grid-template-columns:1fr}}@media (width<=520px){.meeting-page{padding:8px}.meeting-hero,.meeting-room-header,.meeting-list-card,.meeting-stage,.meeting-participants,.meeting-chat{border-radius:15px;padding:16px}.meeting-form-grid{grid-template-columns:1fr}.meeting-modal{padding:22px 16px}.meeting-video-grid{grid-template-columns:1fr}.meeting-stage-head{flex-direction:column;align-items:flex-start}.meeting-stage-button{margin:0 6px 0 0}}.meeting-audio-tile{background:radial-gradient(circle at 52% 32%,#245f85,#0c263d 72%);place-items:center;display:grid}.meeting-video-tile .meeting-audio-avatar{color:#fff;background:linear-gradient(145deg,#18aa99,#2366a7);border:4px solid #a9f4e847;border-radius:50%;place-items:center;width:86px;height:86px;min-height:0;padding:0;font-size:36px;font-weight:900;display:grid;position:static;box-shadow:0 0 0 12px #70efd914}.meeting-audio-tile>div:last-child{color:#fff;background:#05101db8;border-radius:8px;justify-content:space-between;gap:10px;padding:7px 9px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.meeting-call-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fcfff2;border:1px solid #a7cfe2e0;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:65px;margin:13px auto 2px;padding:8px 11px;display:flex;box-shadow:0 12px 28px #11395426}.meeting-call-control{color:#214f73;cursor:pointer;min-width:58px;min-height:48px;font:inherit;background:#fff;border:1px solid #cfe0eb;border-radius:14px;place-items:center;gap:1px;transition:transform .15s,box-shadow .15s,background .15s;display:grid}.meeting-call-control:hover{transform:translateY(-2px);box-shadow:0 8px 15px #184a6c24}.meeting-call-control b{font-size:16px;line-height:1}.meeting-call-control span{font-size:9px;font-weight:850}.meeting-call-control.off{color:#ae3143;background:#fff2f4;border-color:#ffbec8}.meeting-call-control.active{color:#087d70;background:#e8fbf6;border-color:#91d8d0}.meeting-call-control.end{color:#fff;background:linear-gradient(135deg,#e25365,#bd2e47);border-color:#f5a8b4;margin-left:4px;box-shadow:0 7px 15px #9a1b3036}.meeting-call-control:disabled{cursor:not-allowed;opacity:.47;box-shadow:none;transform:none!important}.meeting-call-status{color:#55738b;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.meeting-call-status i{background:#16b783;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #def8ed}@media (width<=620px){.meeting-call-dock{justify-content:space-between;gap:6px;padding:8px}.meeting-call-control{min-width:48px;min-height:45px}.meeting-call-control span,.meeting-call-status{display:none}.meeting-call-control.end{margin-left:0}.meeting-video-tile .meeting-audio-avatar{width:68px;height:68px;font-size:28px}}.meeting-alert-popup-backdrop{z-index:9700;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#051b308c;place-items:center;padding:18px;animation:.2s meeting-popup-fade;display:grid;position:fixed;inset:0}.meeting-alert-popup{color:#183b5b;background:linear-gradient(150deg,#fff 0%,#f3f9ff 57%,#ecfffa 100%);border:1px solid #d1e6f2f2;border-radius:25px;width:min(470px,100%);padding:32px;animation:.25s cubic-bezier(.17,.82,.31,1) meeting-popup-rise;position:relative;overflow:hidden;box-shadow:0 28px 78px #05203854}.meeting-alert-popup:before{content:"";background:linear-gradient(90deg,#078a7d,#2d73dc,#7a5ee9);height:6px;position:absolute;top:0;left:0;right:0}.meeting-alert-popup-close{color:#657d93;cursor:pointer;background:#fff;border:1px solid #dbe8f0;border-radius:50%;width:33px;height:33px;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.meeting-alert-popup-icon{color:#fff;background:linear-gradient(135deg,#0a9d8c,#2571ce);border:1px solid #b7e7dd;border-radius:21px;place-items:center;width:68px;height:68px;margin:0 0 17px;font-size:30px;display:grid;box-shadow:0 13px 24px #0c7b8738}.meeting-alert-popup h2{color:#153c60;letter-spacing:-.03em;margin:7px 0 8px;font-size:26px}.meeting-alert-popup p{color:#617992;margin:0;font-size:14px;line-height:1.6}.meeting-alert-popup-points{color:#385f79;background:#ffffffb8;border:1px solid #d8e8ee;border-radius:13px;gap:8px;margin:19px 0;padding:14px;font-size:12px;font-weight:750;display:grid}.meeting-alert-popup-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.meeting-alert-popup-actions button{min-width:102px}@keyframes meeting-popup-fade{0%{opacity:0}to{opacity:1}}@keyframes meeting-popup-rise{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.meeting-alert-popup{border-radius:21px;padding:27px 20px 20px}.meeting-alert-popup h2{font-size:23px}.meeting-alert-popup-actions{grid-template-columns:1fr 1fr;display:grid}.meeting-alert-popup-actions button{width:100%}}.recovery-page{--navy:#102a4c;--blue:#2563eb;--teal:#0f8b8d;--ink:#162844;--muted:#66758a;--line:#dce6f2;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#f5f8fd,#eef5fb 47%,#f6fbff);padding:24px;font-family:Inter,Segoe UI,sans-serif}.recovery-shell{max-width:1420px;margin:auto}.recovery-header,.recovery-card,.recovery-toolbar,.recovery-info-grid article{border:1px solid var(--line);background:#fffffff0;border-radius:16px;box-shadow:0 12px 30px #152b4f0f}.recovery-header{border-left:5px solid var(--blue);justify-content:space-between;align-items:center;gap:22px;margin-bottom:14px;padding:21px 24px;display:flex}.recovery-eyebrow{color:#4070c7;letter-spacing:.12em;margin:0 0 5px;font-size:10px;font-weight:850}.recovery-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(23px,2.2vw,31px)}.recovery-header p:not(.recovery-eyebrow){max-width:720px;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.55}.recovery-header-actions,.recovery-modal-actions{flex-wrap:wrap;gap:9px;display:flex}.recovery-button{color:#34445d;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;min-height:38px;padding:8px 13px;font:750 12px Inter,Segoe UI,sans-serif;transition:all .17s}.recovery-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 17px #152b4f21}.recovery-button:disabled{opacity:.58;cursor:not-allowed}.recovery-button.primary{color:#fff;background:linear-gradient(135deg,#275ecf,#2249a8)}.recovery-button.secondary,.recovery-button.filter{background:#f9fbff;border-color:#ccd9e8}.recovery-button.secondary:hover,.recovery-button.filter:hover{color:#1d4ed8;background:#f0f6ff;border-color:#91b7ec}.recovery-button.restore{color:#fff;background:linear-gradient(135deg,#0c8f7d,#08715f)}.recovery-button.unlock{color:#fff;background:linear-gradient(135deg,#b66a08,#945006)}.recovery-button.danger{color:#b42336;box-shadow:none;background:#fff4f5;border-color:#fec8ce}.recovery-button.danger:hover:not(:disabled){background:#ffe7e9;border-color:#ed7d89}.recovery-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recovery-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 13px;padding:11px 13px;font-size:13px;display:flex}.recovery-alert button,.recovery-modal-close{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.recovery-alert.success{color:#14613e;background:#edfcf4;border:1px solid #a7e3c7}.recovery-alert.error{color:#ad2633;background:#fff3f4;border:1px solid #fec8cc}.recovery-toolbar{grid-template-columns:260px 1fr auto;align-items:end;gap:12px;margin-bottom:14px;padding:14px;display:grid}.recovery-toolbar label{gap:6px;display:grid}.recovery-toolbar label span,.recovery-modal label span{color:#4c5e76;letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:850}.recovery-toolbar select,.recovery-toolbar input,.recovery-modal textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfdaea;border-radius:9px;outline:0;transition:all .15s}.recovery-toolbar select,.recovery-toolbar input{height:40px;padding:0 11px}.recovery-toolbar select:focus,.recovery-toolbar input:focus,.recovery-modal textarea:focus{border-color:#4f88df;box-shadow:0 0 0 3px #2563eb1f}.recovery-info-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.recovery-info-grid article{min-height:94px;padding:14px 16px}.recovery-info-grid span,.recovery-info-grid small{color:var(--muted);font-size:11px;display:block}.recovery-info-grid span{text-transform:uppercase;letter-spacing:.05em;font-weight:800}.recovery-info-grid strong{margin:8px 0 5px;font-size:17px;display:block}.recovery-card{overflow:hidden}.recovery-card-heading{border-bottom:1px solid #e6edf6;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px;display:flex}.recovery-card-heading h2{margin:0;font-size:18px}.recovery-card-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.recovery-count{color:#2853a5;white-space:nowrap;background:#eff6ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.recovery-table-wrap{overflow:auto}.recovery-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.recovery-table-wrap th{color:#607088;text-align:left;letter-spacing:.055em;text-transform:uppercase;background:#f7faff;padding:11px 14px;font-size:10px}.recovery-table-wrap td{color:#45546b;border-top:1px solid #edf1f6;padding:12px 14px;font-size:12px}.recovery-table-wrap tbody tr:hover{background:#fbfdff}.recovery-table-wrap td strong,.recovery-table-wrap td small{display:block}.recovery-table-wrap td small{color:#8794a7;margin-top:3px}.recovery-status{color:#a64e08;background:#fff2e9;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;display:inline-flex}.recovery-status.frozen,.recovery-status.permanently-locked{color:#8a5900;background:#fff6df}.recovery-empty{text-align:center;color:#7d8ca0;padding:34px!important}.recovery-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d1d3585;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.recovery-modal{background:#fff;border-radius:16px;width:min(100%,540px);padding:23px;position:relative;box-shadow:0 25px 70px #08162e59}.recovery-modal-close{color:#69788d;position:absolute;top:10px;right:13px}.recovery-modal h2{margin:0;font-size:21px}.recovery-modal p:not(.recovery-eyebrow){color:var(--muted);margin:8px 0 17px;font-size:13px;line-height:1.5}.recovery-modal label{gap:7px;display:grid}.recovery-modal textarea{resize:vertical;min-height:105px;padding:11px}.recovery-modal-actions{justify-content:flex-end;margin-top:17px}@media (width<=760px){.recovery-page{padding:12px}.recovery-header{flex-direction:column;align-items:flex-start;padding:17px}.recovery-toolbar,.recovery-info-grid{grid-template-columns:1fr}.recovery-header-actions{width:100%}.recovery-header-actions .recovery-button{flex:1}.recovery-card-heading{flex-direction:column;align-items:flex-start}.recovery-count{align-self:flex-start}}.asset-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.asset-header-actions button{color:#fff;cursor:pointer;background:#185f95;border:0;border-radius:9px;padding:9px 13px;font-size:.8rem;font-weight:800;transition:all .18s}.asset-header-actions button:first-child{background:#177d9e}.asset-header-actions button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 14px #12679c33}.asset-header-actions button:disabled{cursor:wait;opacity:.58}.asset-page{box-sizing:border-box;color:#16365c;background:#f4f8fc;max-width:1440px;min-height:100vh;margin:0 auto;padding:20px 24px 48px}.asset-page-header{background:linear-gradient(105deg,#fff 0%,#eef6fc 58%,#e4f0fa 100%);border:1px solid #cbddea;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;box-shadow:0 7px 20px #1c487112}.asset-page-header span,.asset-card-title span{color:#147ca4;letter-spacing:.1em;font-size:.68rem;font-weight:850;display:block}.asset-page-header h1{color:#112f56;letter-spacing:-.02em;margin:3px 0 4px;font-size:1.28rem}.asset-page-header p{color:#607993;max-width:780px;margin:0;font-size:.86rem;line-height:1.45}.asset-page-header>button{color:#fff;cursor:pointer;background:#185f95;border:0;border-radius:9px;padding:9px 13px;font-size:.8rem;font-weight:800;transition:all .18s}.asset-page-header>button:hover:not(:disabled){background:#0f7899;transform:translateY(-1px);box-shadow:0 6px 14px #12679c33}.asset-alert{color:#176178;background:#edf9fc;border:1px solid #cae4ed;border-radius:10px;align-items:center;gap:9px;margin:13px 0 0;padding:10px 13px;font-size:.86rem;font-weight:700;display:flex}.asset-alert span{font-size:1.25rem;line-height:0}.asset-alert button{color:#406885;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:1.2rem}.asset-permanent-delete{color:#733447;background:linear-gradient(90deg,#fffafb,#fff);border:1px solid #efd3d9;border-radius:11px;align-items:center;gap:12px;margin:13px 0 0;padding:11px 13px;display:flex}.asset-permanent-delete>div{min-width:230px}.asset-permanent-delete strong,.asset-permanent-delete small{display:block}.asset-permanent-delete strong{font-size:.84rem}.asset-permanent-delete small{color:#8c6973;margin-top:2px;font-size:.73rem;line-height:1.35}.asset-permanent-delete select{color:#475b72;min-width:190px;font:inherit;background:#fff;border:1px solid #e7cbd1;border-radius:8px;flex:1;padding:8px 10px;font-size:.8rem}.asset-permanent-delete button{color:#fff;white-space:nowrap;cursor:pointer;background:#b83551;border:1px solid #b93c55;border-radius:8px;padding:8px 11px;font-size:.78rem;font-weight:800;transition:all .18s}.asset-permanent-delete button:hover:not(:disabled){background:#99283f;transform:translateY(-1px)}.asset-permanent-delete button:disabled,.asset-primary:disabled,.asset-page-header>button:disabled{cursor:wait;opacity:.58}.asset-tabs{scrollbar-width:thin;gap:8px;padding:16px 0;display:flex;overflow-x:auto}.asset-tabs button{color:#395a7b;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d2e0ec;border-radius:9px;padding:8px 12px;font-size:.82rem;font-weight:780;transition:all .17s}.asset-tabs button:hover{color:#087895;background:#f2fbfd;border-color:#3b9eb9}.asset-tabs button.selected{color:#fff;background:#168ca8;border-color:#168ca8;box-shadow:0 5px 12px #148ca830}.asset-tabs b{color:#0c7c9b;background:#fff;border-radius:999px;margin-left:4px;padding:1px 5px}.asset-section-grid{grid-template-columns:minmax(310px,.88fr) minmax(430px,1.12fr);gap:18px;display:grid}.asset-card{background:#fff;border:1px solid #d9e6f1;border-radius:16px;min-width:0;padding:19px;box-shadow:0 8px 22px #1b41670d}.asset-card-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.asset-card-title h2{color:#15375e;margin:4px 0 0;font-size:1.13rem}.asset-card-title p{color:#6b8098;margin:6px 0 0;font-size:.84rem;line-height:1.45}.asset-card-title>small{color:#70849b;font-size:.76rem}.asset-request-form,.asset-register-form,.asset-direct-allocation{gap:11px;display:grid}.asset-card label{color:#496783;gap:5px;font-size:.8rem;font-weight:770;display:grid}.asset-card input,.asset-card select,.asset-card textarea{box-sizing:border-box;color:#173960;width:100%;font:inherit;background:#fbfdff;border:1px solid #d1dfec;border-radius:9px;outline:none;padding:9px 10px;font-size:.87rem;transition:border-color .15s,box-shadow .15s}.asset-card input:focus,.asset-card select:focus,.asset-card textarea:focus{border-color:#1597b7;box-shadow:0 0 0 3px #1597b71f}.asset-card textarea{resize:vertical;min-height:72px}.asset-form-row,.asset-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.asset-segment{background:#f7fafc;border:1px solid #d2e0ec;border-radius:9px;padding:3px;display:flex;overflow:hidden}.asset-segment button{color:#58728c;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:7px 8px;font-weight:780}.asset-segment button.on{color:#087893;background:#dff3f8}.asset-primary{color:#fff;cursor:pointer;background:linear-gradient(105deg,#147f9f,#1d639d);border:0;border-radius:10px;padding:11px 14px;font-size:.84rem;font-weight:820;transition:all .17s}.asset-primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 17px #14699f38}.asset-list,.asset-register-list,.asset-approval-list,.asset-allocation-list{display:grid}.asset-list article,.asset-register-list article,.asset-approval-list article,.asset-allocation-list article{border-bottom:1px solid #e5eef6;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.asset-list article:last-child,.asset-register-list article:last-child,.asset-approval-list article:last-child,.asset-allocation-list article:last-child{border-bottom:0}.asset-list strong,.asset-register-list strong,.asset-approval-list strong,.asset-allocation-list strong{color:#173c65;font-size:.88rem;display:block}.asset-list small,.asset-register-list small,.asset-approval-list small,.asset-allocation-list small{color:#71859b;margin-top:3px;font-size:.76rem;line-height:1.45;display:block}.asset-list p,.asset-approval-list p,.asset-allocation-list p{color:#60748a;margin:5px 0 0;font-size:.79rem;line-height:1.45}.asset-subheading{color:#1b476f;border-top:1px solid #e6eef6;margin:20px 0 7px;padding-top:17px;font-size:.94rem}.asset-empty{color:#72869c;text-align:center;margin:0;padding:25px 8px;font-size:.86rem}.asset-status{color:#536b83;white-space:nowrap;background:#eef2f7;border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:850;display:inline-flex}.asset-status.active,.asset-status.approved,.asset-status.available{color:#087247;background:#e3f6eb}.asset-status.pending-approval,.asset-status.extension-pending,.asset-status.transfer-pending,.asset-status.return-requested,.asset-status.return-required{color:#956000;background:#fff4dc}.asset-status.returned{color:#315fa9;background:#e8f0ff}.asset-status.rejected,.asset-status.damaged,.asset-status.retired{color:#b42340;background:#fcebed}.asset-row-actions,.asset-approval-actions{flex-wrap:wrap;gap:7px;display:flex}.asset-row-actions{justify-content:flex-end}.asset-row-actions button,.asset-text-button,.asset-approval-actions button{color:#285574;cursor:pointer;background:#fff;border:1px solid #cfdfed;border-radius:8px;padding:6px 9px;font-size:.73rem;font-weight:780;transition:all .16s}.asset-row-actions button:hover,.asset-text-button:hover,.asset-approval-actions button:hover{background:#ecf9fb;border-color:#2096b5}.asset-row-actions button.danger,.asset-approval-actions .reject{color:#ad2946;background:#fffafb;border-color:#f1c9d2}.asset-row-actions .approve,.asset-approval-actions .approve{color:#08714c;background:#f4fcf8;border-color:#bee6d2}.asset-approval-list article{grid-template-columns:minmax(220px,1fr) auto;grid-template-areas:"info status""actions actions""note note";display:grid}.asset-approval-info{grid-area:info}.asset-approval-list>.asset-status{grid-area:status}.asset-approval-actions{grid-area:actions;align-items:center;margin-top:10px}.asset-approval-actions select{flex:1;min-width:190px}.asset-review-note{color:#866120;background:#fbf6eb;border-radius:7px;grid-area:note;margin-top:8px;padding:7px 9px}.asset-allocation-list{max-height:680px;padding-right:3px;overflow:auto}.asset-allocation-list article{grid-template-columns:minmax(240px,1fr) auto;grid-template-areas:"info status""actions actions";display:grid}.asset-allocation-list article>div:first-child{grid-area:info}.asset-allocation-list article>.asset-status{grid-area:status}.asset-allocation-list article>.asset-row-actions{grid-area:actions;justify-content:flex-start;margin-top:9px}.asset-clearance{max-width:850px}.asset-clearance-form{align-items:center;gap:10px;display:flex}.asset-clearance-form select{max-width:430px}.asset-clearance-result{border-radius:12px;margin-top:18px;padding:16px}.asset-clearance-result strong{font-size:1.05rem}.asset-clearance-result p{color:#4e6681;margin:5px 0}.asset-clearance-result.cleared{color:#08764e;background:#e8f8ef;border:1px solid #c8ead4}.asset-clearance-result.blocked{color:#a33148;background:#fff2f4;border:1px solid #f0cdd4}.asset-clearance-result ul{margin:10px 0 0;padding-left:20px}.asset-clearance-result li{margin:5px 0}.asset-clearance-result em{margin-left:7px;font-size:.75rem;font-style:normal;font-weight:800}@media (width<=850px){.asset-page{padding:16px}.asset-page-header{align-items:flex-start}.asset-section-grid{grid-template-columns:1fr}.asset-approval-list article,.asset-allocation-list article{grid-template-columns:1fr;grid-template-areas:"info""status""actions""note"}.asset-approval-list>.asset-status,.asset-allocation-list article>.asset-status{justify-self:start;margin-top:7px}.asset-approval-actions{flex-wrap:wrap}.asset-approval-actions select{min-width:100%}}@media (width<=650px){.asset-page{padding:12px}.asset-page-header{padding:15px;display:block}.asset-page-header>button{margin-top:12px}.asset-permanent-delete{grid-template-columns:1fr;display:grid}.asset-permanent-delete>div{min-width:0}.asset-permanent-delete button{justify-self:start}.asset-form-row,.asset-form-grid{grid-template-columns:1fr}.asset-clearance-form{display:grid}.asset-clearance-form select{max-width:none}.asset-list article,.asset-register-list article{display:block}.asset-status{margin-top:7px}.asset-row-actions{justify-content:flex-start;margin-top:9px}}:root{--store-navy:#102a43;--store-blue:#1d4ed8;--store-sky:#0f8bb6;--store-mint:#0f9d82;--store-bg:#f4f7fb;--store-card:#fff;--store-border:#d9e5f2;--store-muted:#62748a;--store-danger:#c2415a}.store-page{background:linear-gradient(180deg, #f7faff, var(--store-bg));min-height:100vh;color:var(--store-navy);padding:24px 18px 72px;overflow-x:hidden}.store-shell{max-width:1500px;margin:0 auto}.store-header{background:linear-gradient(125deg,#fff 0%,#f0f7ff 70%,#e6f8f6 100%);border:1px solid #c9dced;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;display:flex;box-shadow:0 12px 32px #20436914}.store-kicker,.store-panel-title span,.store-list-toolbar span{color:var(--store-blue);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.store-header h1{letter-spacing:-.025em;margin:4px 0 7px;font-size:clamp(25px,3vw,34px);line-height:1.12}.store-header p{max-width:730px;color:var(--store-muted);margin:0;font-size:14px;line-height:1.55}.store-header-actions,.store-form-actions,.store-actions,.store-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.store-primary,.store-secondary,.store-link,.store-mini,.store-icon{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s}.store-primary{background:linear-gradient(135deg, var(--store-blue), #4355ea);color:#fff;border-radius:9px;padding:10px 14px;box-shadow:0 7px 16px #2563eb30}.store-secondary{color:#23415f;border-color:var(--store-border);background:#fff;border-radius:9px;padding:9px 13px}.store-primary:hover,.store-secondary:hover,.store-mini:hover,.store-icon:hover{transform:translateY(-1px);box-shadow:0 6px 15px #19426a21}.store-primary:disabled,.store-secondary:disabled,.store-icon:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.store-alert{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:15px 0;padding:11px 14px;font-size:14px;font-weight:650;display:flex}.store-alert.success{color:#08765f;background:#ecfdf8;border-color:#a7e6d7}.store-alert.error{color:#a13246;background:#fff3f4;border-color:#f0c5cc}.store-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.store-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0;display:grid}.store-stat-grid article{background:var(--store-card);border:1px solid var(--store-border);border-radius:14px;min-height:118px;padding:17px;box-shadow:0 5px 15px #20436909}.store-stat-grid span,.store-stat-grid small{color:var(--store-muted);font-size:12px;display:block}.store-stat-grid span{text-transform:uppercase;letter-spacing:.035em;font-weight:750}.store-stat-grid strong{letter-spacing:-.02em;margin:11px 0 6px;font-size:23px;display:block}.store-tabs{flex-wrap:wrap;align-items:center;gap:7px;margin:18px 0;display:flex}.store-tabs button{color:#486077;border:1px solid var(--store-border);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:750}.store-tabs button.active{color:#17459a;background:#e8f1ff;border-color:#a8c4f2}.store-panel{background:var(--store-card);border:1px solid var(--store-border);border-radius:15px;margin-bottom:16px;padding:20px;box-shadow:0 8px 22px #193d610b}.store-panel-title,.store-list-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.store-panel h2{letter-spacing:-.015em;margin:4px 0;font-size:20px}.store-panel p{color:var(--store-muted);margin:0;font-size:13px;line-height:1.5}.store-link{color:#2254ab;background:#edf4ff;border-radius:8px;padding:8px 10px}.store-form-grid,.store-limit-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.store-page label{color:#35526d;font-size:12px;font-weight:750}.store-page input,.store-page select,.store-page textarea{box-sizing:border-box;width:100%;color:var(--store-navy);font:inherit;background:#fbfdff;border:1px solid #cbd9e7;border-radius:8px;outline:none;margin-top:6px;padding:9px 10px;font-size:14px;display:block}.store-page input:focus,.store-page select:focus,.store-page textarea:focus{border-color:#5d97e5;box-shadow:0 0 0 3px #3b82f61f}.store-page textarea{resize:vertical;min-height:68px}.wide{grid-column:span 2}.store-lines{gap:9px;margin:17px 0;display:grid}.store-line{background:#f9fbfe;border:1px solid #e2ebf3;border-radius:10px;grid-template-columns:2fr .55fr 1.25fr 34px;align-items:end;gap:10px;padding:10px;display:grid}.store-icon{height:38px;color:var(--store-danger);background:#fff1f3;border-radius:8px}.store-icon.danger,.store-mini.danger{color:var(--store-danger)}.store-form-actions{justify-content:flex-end;margin-top:14px}.store-list-toolbar>div:first-child{min-width:0}.store-filter-row select,.store-filter-row input,.store-list-toolbar>select{width:auto;min-height:38px;margin:0}.store-table-wrap{border:1px solid #e0eaf3;border-radius:11px;overflow-x:auto}.store-table-wrap table{border-collapse:collapse;width:100%;min-width:880px}.store-table-wrap th{color:#4c6985;text-align:left;text-transform:uppercase;letter-spacing:.035em;background:#f5f9fd;border-bottom:1px solid #e0eaf3;padding:11px 12px;font-size:11px}.store-table-wrap td{color:#26435f;vertical-align:top;border-bottom:1px solid #eaf0f6;padding:11px 12px;font-size:13px}.store-table-wrap tr:last-child td{border-bottom:0}.store-table-wrap td small{color:#71839a;max-width:260px;margin-top:4px;font-size:11px;line-height:1.35;display:block}.store-empty{color:#6b7c90;text-align:center;padding:28px!important}.store-status{color:#52687e;background:#edf2f8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.store-status.submitted{color:#a76209;background:#fff5dd}.store-status.approved,.store-status.issued,.store-status.available{color:#08745e;background:#e7fbf5}.store-status.rejected{color:#ad3950;background:#fff0f2}.store-status.returned{color:#4355b7;background:#edf0ff}.store-mini{color:#3b5772;background:#fff;border-color:#d4e0ed;border-radius:7px;padding:6px 8px;font-size:11px}.store-mini.approve,.store-mini.issue{color:#097b65;background:#ecfbf6;border-color:#b9ebdb}.store-mini.reject{color:#ad7213;background:#fff8e8;border-color:#f0d59b}.store-low{font-weight:800;color:#b24451!important}.capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.capacity-grid article{background:linear-gradient(150deg,#fbfdff,#f2fbfa);border:1px solid #d7e5f2;border-radius:12px;padding:15px}.capacity-grid article span,.capacity-grid article small{color:#587087;font-size:12px;display:block}.capacity-grid article strong{color:#143d71;margin:8px 0 4px;font-size:21px;display:block}.capacity-grid ul{border-top:1px solid #dce9e9;margin:13px 0 0;padding:10px 0 0;list-style:none}.capacity-grid li{color:#64788e;margin:4px 0;font-size:11px}.capacity-grid li b{color:#1e4b75}.store-limits{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.store-limits .store-panel{margin:0}.store-check{align-items:center;gap:8px;padding-top:26px;display:flex}.store-check input{width:auto;accent-color:var(--store-blue);margin:0}@media (width<=1000px){.store-stat-grid,.capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-limits{grid-template-columns:1fr}.store-header{padding:20px}}@media (width<=700px){.store-page{padding:13px 10px 54px}.store-header,.store-panel-title,.store-list-toolbar{flex-direction:column}.store-header-actions{width:100%}.store-header-actions button{flex:1}.store-stat-grid,.store-form-grid,.store-limit-form,.capacity-grid{grid-template-columns:1fr}.store-line{grid-template-columns:1fr 1fr 32px}.store-line label:first-child{grid-column:span 3}.store-line label:nth-child(3){grid-column:span 2}.wide{grid-column:auto}.store-filter-row{width:100%}.store-filter-row select,.store-filter-row input,.store-list-toolbar>select{flex:1;width:auto}.store-panel{padding:15px}.store-header h1{font-size:25px}}.store-csv-guide{background:linear-gradient(135deg,#f8fcff,#effaf7);border:1px solid #cce1ef;border-radius:12px;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:12px 18px;margin:15px 0;padding:14px 15px;display:grid}.store-csv-guide span,.store-csv-guide strong,.store-csv-guide small{display:block}.store-csv-guide span{color:#168174;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.store-csv-guide strong{color:#163f67;margin:4px 0;font-size:14px}.store-csv-guide small{color:#617b92;max-width:680px;font-size:11px;line-height:1.45}.store-csv-guide-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.store-csv-file{color:#fff;cursor:pointer;background:linear-gradient(135deg,#168f82,#1775ae);border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:9px 13px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 7px 16px #147b8e29}.store-csv-file input{display:none}.store-csv-guide p{color:#55728a;border-top:1px solid #d8e8ee;grid-column:1/-1;margin:0;padding-top:10px;font-size:11px;line-height:1.5}.store-csv-guide em{color:#167a6e;font-style:normal;font-weight:800}@media (width<=700px){.store-csv-guide{grid-template-columns:1fr}.store-csv-guide-actions{width:100%}.store-csv-guide-actions>*{text-align:center;flex:1}}.benefits-page{color:#102a43;background:linear-gradient(#f7fbff,#f2f6fb);min-height:100vh;padding:24px 18px 72px}.benefits-shell{max-width:1500px;margin:0 auto}.benefits-header{background:linear-gradient(125deg,#fff,#eff6ff 67%,#e6faf4);border:1px solid #c9dced;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;display:flex;box-shadow:0 12px 32px #20436914}.benefits-header>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.benefits-header>div:first-child>span,.benefit-card-heading span,.benefit-list-head span{color:#2463bd;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.benefits-header h1{letter-spacing:-.025em;margin:5px 0 7px;font-size:clamp(25px,3vw,34px)}.benefits-header p{color:#61758c;max-width:750px;margin:0;font-size:14px;line-height:1.55}.benefit-primary,.benefit-secondary,.benefit-mini{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:750;transition:transform .16s,box-shadow .16s}.benefit-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#4557e9);box-shadow:0 7px 16px #2563eb30}.benefit-secondary{color:#28455f;background:#fff;border-color:#d4e1ed}.benefit-primary:hover,.benefit-secondary:hover,.benefit-mini:hover{transform:translateY(-1px);box-shadow:0 6px 15px #19426a24}.benefit-primary:disabled,.benefit-secondary:disabled{opacity:.6;cursor:not-allowed}.benefit-alert{border:1px solid;border-radius:10px;justify-content:space-between;gap:15px;margin:15px 0;padding:11px 14px;font-size:14px;font-weight:650;display:flex}.benefit-alert.success{color:#08765f;background:#ecfdf8;border-color:#a7e6d7}.benefit-alert.error{color:#a13246;background:#fff3f4;border-color:#f0c5cc}.benefit-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.benefit-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0;display:grid}.benefit-stats article{background:#fff;border:1px solid #d9e5f2;border-radius:14px;padding:17px;box-shadow:0 5px 15px #20436909}.benefit-stats span{color:#62748a;letter-spacing:.035em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.benefit-stats strong{letter-spacing:-.02em;margin-top:11px;font-size:23px;display:block}.benefit-card{background:#fff;border:1px solid #d9e5f2;border-radius:15px;margin-bottom:16px;padding:20px;box-shadow:0 8px 22px #193d610b}.benefit-card-heading,.benefit-list-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.benefit-card h2{letter-spacing:-.015em;margin:4px 0;font-size:20px}.benefit-card small{color:#6a7e93;font-size:12px}.benefit-form-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:13px;display:grid}.benefit-card label{color:#35526d;font-size:12px;font-weight:750}.benefit-card input,.benefit-card select,.benefit-card textarea{box-sizing:border-box;color:#102a43;width:100%;font:inherit;background:#fbfdff;border:1px solid #cbd9e7;border-radius:8px;outline:0;margin-top:6px;padding:9px 10px;font-size:14px;display:block}.benefit-card input:focus,.benefit-card select:focus,.benefit-card textarea:focus{border-color:#5d97e5;box-shadow:0 0 0 3px #3b82f61f}.benefit-card textarea{resize:vertical;min-height:66px}.benefit-customer{grid-row:span 2}.benefit-customer select{margin-top:8px}.benefit-wide{grid-column:span 2}.benefit-actions{justify-content:flex-end;margin-top:14px;display:flex}.benefit-list-head>div:last-child{gap:8px;display:flex}.benefit-list-head select{width:auto;min-height:38px;margin:0}.benefit-table-wrap{border:1px solid #e0eaf3;border-radius:11px;overflow:auto}.benefit-table-wrap table{border-collapse:collapse;width:100%;min-width:920px}.benefit-table-wrap th{color:#4c6985;text-align:left;letter-spacing:.035em;text-transform:uppercase;background:#f5f9fd;border-bottom:1px solid #e0eaf3;padding:11px 12px;font-size:11px}.benefit-table-wrap td{color:#26435f;vertical-align:top;border-bottom:1px solid #eaf0f6;padding:11px 12px;font-size:13px}.benefit-table-wrap tr:last-child td{border:0}.benefit-table-wrap td small{max-width:280px;margin-top:4px;line-height:1.35;display:block}.benefit-status{color:#52687e;background:#edf2f8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.benefit-status.pendingapproval{color:#a76209;background:#fff5dd}.benefit-status.available,.benefit-status.redeemed{color:#08745e;background:#e7fbf5}.benefit-status.rejected,.benefit-status.cancelled,.benefit-status.expired{color:#ad3950;background:#fff0f2}.benefit-row-actions{flex-wrap:wrap;gap:6px;display:flex}.benefit-mini{color:#3b5772;background:#fff;border-color:#d4e0ed;border-radius:7px;padding:6px 8px;font-size:11px}.benefit-mini.approve,.benefit-mini.redeem{color:#097b65;background:#ecfbf6;border-color:#b9ebdb}.benefit-mini.reject{color:#ad7213;background:#fff8e8;border-color:#f0d59b}.benefit-mini.danger{color:#c2415a}.benefit-empty{text-align:center!important;color:#6b7c90!important;padding:28px!important}@media (width<=1000px){.benefit-stats,.benefit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-customer{grid-area:auto/span 2}}@media (width<=680px){.benefits-page{padding:13px 10px 54px}.benefits-header,.benefit-card-heading,.benefit-list-head{flex-direction:column}.benefits-header>div:last-child{width:100%}.benefits-header>div:last-child button{flex:1}.benefit-stats,.benefit-form-grid{grid-template-columns:1fr}.benefit-customer,.benefit-wide{grid-column:auto}.benefit-list-head>div:last-child{width:100%}.benefit-list-head select{flex:1;width:auto}.benefit-card{padding:15px}}.benefit-rule-banner{color:#42647b;background:linear-gradient(120deg,#effbf8,#f3f8ff);border:1px solid #bfe7dd;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin:-2px 0 16px;padding:10px 12px;font-size:12px;line-height:1.5;display:grid}.benefit-rule-banner strong{color:#087865;font-size:12px}.benefit-card label small{color:#70839a;margin-top:5px;font-weight:600;line-height:1.35;display:block}.benefit-card select:disabled{cursor:not-allowed;color:#56718a;background:#eef5f7}.benefit-mini.redeem{min-width:122px;font-size:0}.benefit-mini.redeem:before{content:"Complete service";font-size:12px}@media (width<=680px){.benefit-rule-banner{grid-template-columns:1fr;gap:3px}}.loyalty-page{color:#102a43;background:linear-gradient(#f7fbff,#f2f6fb);min-height:100vh;padding:22px 18px 72px}.loyalty-shell{max-width:1500px;margin:auto}.loyalty-header,.loyalty-card{background:#fff;border:1px solid #d7e4f1;border-radius:16px;box-shadow:0 9px 22px #2043690d}.loyalty-header{background:linear-gradient(110deg,#fff,#f3f8ff 70%,#eafaf6);justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;display:flex}.loyalty-header span,.loyalty-card-head span{color:#2563c4;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.loyalty-header h1{letter-spacing:-.025em;margin:5px 0 7px;font-size:clamp(24px,3vw,33px)}.loyalty-header p,.loyalty-card-head p{color:#62768d;max-width:800px;margin:0;font-size:14px;line-height:1.55}.loyalty-card{margin-top:15px;padding:20px}.loyalty-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.loyalty-card h2{letter-spacing:-.015em;margin:4px 0;font-size:20px}.loyalty-card h3{margin:0 0 10px;font-size:15px}.loyalty-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:800;transition:all .16s}.loyalty-btn:hover{transform:translateY(-1px);box-shadow:0 7px 15px #15447421}.loyalty-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.loyalty-btn.primary{color:#fff;background:linear-gradient(135deg,#145ac7,#4a50de)}.loyalty-btn.secondary{color:#294761;background:#fff;border-color:#cbdbea}.loyalty-alert{border:1px solid;border-radius:10px;justify-content:space-between;gap:10px;margin-top:14px;padding:11px 14px;font-size:14px;font-weight:700;display:flex}.loyalty-alert.success{color:#087762;background:#ecfcf6;border-color:#aee6d7}.loyalty-alert.error{color:#ae3750;background:#fff3f4;border-color:#f1c7d0}.loyalty-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:19px}.loyalty-search{gap:7px;display:flex}.loyalty-search input,.loyalty-form input,.loyalty-form select,.loyalty-form textarea{box-sizing:border-box;color:#15324e;width:100%;font:inherit;background:#fbfdff;border:1px solid #cbd9e7;border-radius:8px;outline:0;padding:9px 10px;font-size:14px}.loyalty-search input{min-width:285px}.loyalty-search input:focus,.loyalty-form input:focus,.loyalty-form select:focus,.loyalty-form textarea:focus{border-color:#5a92df;box-shadow:0 0 0 3px #3b82f61f}.loyalty-customer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:330px;padding:2px;display:grid;overflow:auto}.loyalty-customer{color:#28465f;text-align:left;cursor:pointer;background:#fbfdff;border:1px solid #d7e3ef;border-radius:12px;min-height:105px;padding:13px;transition:all .15s;position:relative}.loyalty-customer:hover,.loyalty-customer.selected{background:#f2f7ff;border-color:#5688df;box-shadow:0 6px 14px #1f59b01c}.loyalty-customer strong,.loyalty-customer small,.loyalty-customer span{display:block}.loyalty-customer small,.loyalty-customer span{color:#6b7e91;margin-top:4px;font-size:11px}.loyalty-customer b{color:#175bc1;margin-top:10px;font-size:18px;display:block}.loyalty-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px;display:grid}.loyalty-metrics article{background:#f8fbff;border:1px solid #dae5f0;border-radius:11px;padding:14px}.loyalty-metrics span{color:#61768c;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.loyalty-metrics strong{margin-top:8px;font-size:22px;display:block}.loyalty-two-column,.loyalty-admin-grid{grid-template-columns:1fr 1.35fr;gap:16px;display:grid}.loyalty-reward{background:#fbfdff;border:1px solid #e0e8f1;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.loyalty-reward.eligible{background:#f0fcf8;border-color:#a8e2d3}.loyalty-reward strong,.loyalty-reward small{display:block}.loyalty-reward small{color:#667d93;margin-top:4px;font-size:12px}.loyalty-reward em{color:#587188;text-align:right;font-size:12px;font-style:normal;font-weight:750}.loyalty-table-wrap{border:1px solid #e0e9f2;border-radius:10px;overflow:auto}.loyalty-table-wrap table{border-collapse:collapse;width:100%;min-width:580px}.loyalty-table-wrap th{color:#52708a;text-align:left;text-transform:uppercase;background:#f5f9fd;border-bottom:1px solid #dfe8f1;padding:10px;font-size:11px}.loyalty-table-wrap td{vertical-align:top;border-bottom:1px solid #edf2f6;padding:10px;font-size:12px}.loyalty-table-wrap td small{color:#6b7e91;margin-top:3px;display:block}.loyalty-table-wrap tr:last-child td{border:0}.loyalty-table-wrap .positive{color:#087862;font-weight:850}.loyalty-table-wrap .negative{color:#b23d55;font-weight:850}.loyalty-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.loyalty-form label{color:#3a5670;font-size:12px;font-weight:800}.loyalty-form input,.loyalty-form select,.loyalty-form textarea{margin-top:5px;display:block}.loyalty-form textarea{resize:vertical;min-height:62px}.loyalty-form .wide{grid-column:span 2}.loyalty-rule-list{flex-direction:column;gap:5px;margin-top:13px;display:flex}.loyalty-rule-list span{color:#4a657d;background:#f5f8fc;border-radius:7px;padding:7px 9px;font-size:12px}.loyalty-rule-list .active{border-left:3px solid #15a486}.loyalty-rule-list .inactive{opacity:.7;border-left:3px solid #a8b6c4}.loyalty-empty{color:#6b7d90;text-align:center;margin:6px 0;padding:14px;font-size:13px}@media (width<=1050px){.loyalty-customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.loyalty-two-column,.loyalty-admin-grid{grid-template-columns:1fr}}@media (width<=720px){.loyalty-page{padding:12px 10px 50px}.loyalty-header,.loyalty-card-head{flex-direction:column}.loyalty-customer-grid,.loyalty-metrics,.loyalty-form{grid-template-columns:1fr}.loyalty-form .wide{grid-column:auto}.loyalty-search{width:100%}.loyalty-search input{min-width:0}.loyalty-card{padding:15px}.loyalty-reward{flex-direction:column;align-items:flex-start}}.loyalty-rule-list>div{color:#4a657d;background:#f5f8fc;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.loyalty-rule-actions,.loyalty-form-actions,.loyalty-report-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.loyalty-report-actions{justify-content:flex-end}.loyalty-rule-list>div button{color:#31536f;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfdeec;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:800;transition:all .15s}.loyalty-rule-list>div button:hover{background:#edf5ff;border-color:#8eb5e6;transform:translateY(-1px)}.loyalty-rule-list>div button.danger{color:#b23d55;background:#fff8f8;border-color:#efc6ce}.loyalty-rule-list>div button.danger:hover{background:#fff0f2}@media (width<=720px){.loyalty-report-actions{justify-content:stretch;width:100%}.loyalty-report-actions .loyalty-btn{flex:142px}.loyalty-rule-list>div{flex-direction:column;align-items:flex-start}}.fuel-maintenance-page{color:#102a43;background:linear-gradient(#f8fbff,#f2f6fb);min-height:100vh;padding:24px 18px 70px}.fuel-maintenance-shell{max-width:1500px;margin:auto}.fuel-maintenance-header{background:linear-gradient(125deg,#fff,#edf6ff 64%,#e9faf8);border:1px solid #cbddec;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px;display:flex;box-shadow:0 12px 32px #20436914}.fuel-maintenance-header>div:last-child,.fuel-actions,.fuel-row-actions{flex-wrap:wrap;gap:8px;display:flex}.fuel-maintenance-header span,.fuel-maintenance-title span,.fuel-list-heading span,.fuel-modal>div>span{color:#2563b5;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.fuel-maintenance-header h1{letter-spacing:-.025em;margin:5px 0 7px;font-size:clamp(25px,3vw,34px)}.fuel-maintenance-header p{color:#61758c;max-width:760px;margin:0;font-size:14px;line-height:1.55}.fuel-primary,.fuel-secondary,.fuel-mini{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:750;transition:transform .16s,box-shadow .16s}.fuel-primary{color:#fff;background:linear-gradient(135deg,#1767ce,#4355e8);box-shadow:0 7px 16px #1d4ed830}.fuel-secondary{color:#29465f;background:#fff;border-color:#d4e1ed}.fuel-primary:hover,.fuel-secondary:hover,.fuel-mini:hover{transform:translateY(-1px);box-shadow:0 6px 15px #19426a24}.fuel-primary:disabled,.fuel-secondary:disabled{cursor:not-allowed;opacity:.6}.fuel-alert{border:1px solid;border-radius:10px;justify-content:space-between;gap:15px;margin:15px 0;padding:11px 14px;font-size:14px;font-weight:650;display:flex}.fuel-alert.success{color:#08765f;background:#ecfdf8;border-color:#a7e6d7}.fuel-alert.error{color:#a13246;background:#fff3f4;border-color:#f0c5cc}.fuel-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.fuel-maintenance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0;display:grid}.fuel-maintenance-stats article{background:#fff;border:1px solid #d9e5f2;border-radius:14px;padding:17px;box-shadow:0 5px 15px #20436909}.fuel-maintenance-stats span{color:#62748a;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800;display:block}.fuel-maintenance-stats strong{letter-spacing:-.02em;margin-top:11px;font-size:23px;display:block}.fuel-maintenance-tabs{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.fuel-maintenance-tabs button{color:#486077;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e5f2;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:750}.fuel-maintenance-tabs button.active{color:#17459a;background:#e8f1ff;border-color:#aac6f2}.fuel-maintenance-card{background:#fff;border:1px solid #d9e5f2;border-radius:15px;margin-bottom:16px;padding:20px;box-shadow:0 8px 22px #193d610b}.fuel-maintenance-title,.fuel-list-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.fuel-maintenance-card h2,.fuel-modal h2{letter-spacing:-.015em;margin:4px 0;font-size:20px}.fuel-maintenance-card small,.fuel-modal p{color:#687c92;font-size:12px;line-height:1.45}.fuel-maintenance-form,.fuel-nozzle-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.fuel-maintenance-card label,.fuel-modal label{color:#35526d;font-size:12px;font-weight:750}.fuel-maintenance-card input,.fuel-maintenance-card select,.fuel-maintenance-card textarea,.fuel-modal input,.fuel-modal select,.fuel-modal textarea{box-sizing:border-box;color:#102a43;width:100%;font:inherit;background:#fbfdff;border:1px solid #cbd9e7;border-radius:8px;outline:0;margin-top:6px;padding:9px 10px;font-size:14px;display:block}.fuel-maintenance-card input:focus,.fuel-maintenance-card select:focus,.fuel-maintenance-card textarea:focus,.fuel-modal input:focus,.fuel-modal select:focus,.fuel-modal textarea:focus{border-color:#5d97e5;box-shadow:0 0 0 3px #3b82f61f}.fuel-maintenance-card textarea,.fuel-modal textarea{resize:vertical;min-height:66px}.fuel-wide{grid-column:span 2}.fuel-check{align-items:center;gap:8px;padding-top:24px;display:flex}.fuel-check input{accent-color:#2563eb;width:auto;margin:0}.fuel-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;margin-top:4px}.fuel-list-heading select{width:auto;min-height:38px;margin:0}.fuel-table-wrap{border:1px solid #e0eaf3;border-radius:11px;overflow:auto}.fuel-table-wrap table{border-collapse:collapse;width:100%;min-width:970px}.fuel-table-wrap th{color:#4c6985;letter-spacing:.035em;text-align:left;text-transform:uppercase;background:#f5f9fd;border-bottom:1px solid #e0eaf3;padding:11px 12px;font-size:11px}.fuel-table-wrap td{color:#26435f;vertical-align:top;border-bottom:1px solid #eaf0f6;padding:11px 12px;font-size:13px}.fuel-table-wrap tr:last-child td{border:0}.fuel-table-wrap td small{max-width:280px;margin-top:4px;display:block}.fuel-status{color:#52687e;background:#edf2f8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.fuel-status.inprogress{color:#a76209;background:#fff5dd}.fuel-status.completed{color:#08745e;background:#e7fbf5}.fuel-status.cancelled{color:#ad3950;background:#fff0f2}.fuel-mini{color:#3b5772;background:#fff;border-color:#d4e0ed;border-radius:7px;padding:6px 8px;font-size:11px}.fuel-mini.complete{color:#08745e;background:#ecfbf6;border-color:#b9ebdb}.fuel-mini.cancel{color:#a66b0a;background:#fff8e8;border-color:#f0d59b}.fuel-mini.danger{color:#c2415a}.fuel-empty{text-align:center!important;color:#6b7c90!important;padding:28px!important}.fuel-modal-backdrop{z-index:4000;background:#0a1f3480;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.fuel-modal{background:#fff;border:1px solid #d1dfef;border-radius:17px;width:min(680px,100%);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto;box-shadow:0 25px 65px #0c264152}.fuel-modal>div{margin-bottom:17px}@media (width<=900px){.fuel-maintenance-stats,.fuel-maintenance-form,.fuel-nozzle-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.fuel-maintenance-page{padding:13px 10px 54px}.fuel-maintenance-header,.fuel-maintenance-title,.fuel-list-heading{flex-direction:column}.fuel-maintenance-header>div:last-child{width:100%}.fuel-maintenance-header>div:last-child button{flex:1}.fuel-maintenance-stats,.fuel-maintenance-form,.fuel-nozzle-form{grid-template-columns:1fr}.fuel-wide{grid-column:auto}.fuel-maintenance-card{padding:15px}.fuel-list-heading select{width:100%}}.section-payments-page{color:#102b48;background:linear-gradient(#f8fbff 0,#f0f6fa 100%);min-height:100vh;padding:22px 18px 72px}.section-payments-shell{max-width:1500px;margin:0 auto}.section-payments-header{background:linear-gradient(115deg,#fff 0%,#f1f7ff 66%,#e8f7f6 100%);border:1px solid #cbddeb;border-radius:17px;justify-content:space-between;align-items:flex-start;gap:22px;padding:23px 25px;display:flex;box-shadow:0 10px 28px #1d436914}.section-payments-header span,.payments-card-heading span{color:#2863a6;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.section-payments-header h1{letter-spacing:-.03em;margin:5px 0 7px;font-size:clamp(24px,3.1vw,34px)}.section-payments-header p{color:#61758b;max-width:800px;margin:0;font-size:14px;line-height:1.55}.section-payments-header-actions,.payments-actions{flex-wrap:wrap;gap:8px;display:flex}.payments-primary,.payments-secondary,.payments-mini{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:760;transition:transform .16s,box-shadow .16s}.payments-primary{color:#fff;background:linear-gradient(135deg,#1670bf,#355de5);box-shadow:0 8px 18px #2563eb33}.payments-secondary{color:#36526b;background:#fff;border-color:#d6e1ec}.payments-mini{color:#3e5972;background:#fff;border-color:#d7e2ed;padding:6px 9px;font-size:11px}.payments-mini.danger{color:#bd3651}.payments-primary:hover,.payments-secondary:hover,.payments-mini:hover{transform:translateY(-1px);box-shadow:0 6px 15px #1a436a29}.payments-primary:disabled,.payments-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.payments-alert{border:1px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:11px 14px;font-size:13px;font-weight:700;display:flex}.payments-alert.success{color:#08775e;background:#ecfcf7;border-color:#ace6d7}.payments-alert.error{color:#a93248;background:#fff3f4;border-color:#f0c5ce}.payments-alert button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.payments-toolbar{background:#fff;border:1px solid #dce7f0;border-radius:13px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:15px 0;padding:13px 15px;display:flex;box-shadow:0 5px 16px #2143640a}.payments-toolbar label,.payments-form label{color:#3d5872;flex-direction:column;gap:5px;font-size:12px;font-weight:760;display:flex}.payments-toolbar select,.payments-toolbar input,.payments-form input,.payments-form select,.payments-form textarea{box-sizing:border-box;color:#16314e;width:100%;min-height:39px;font:inherit;background:#fbfdff;border:1px solid #cddbe8;border-radius:8px;outline:0;padding:9px 10px;font-size:14px}.payments-toolbar label{min-width:210px}.payments-toolbar input:focus,.payments-toolbar select:focus,.payments-form input:focus,.payments-form select:focus,.payments-form textarea:focus{border-color:#6099e2;box-shadow:0 0 0 3px #3b82f61f}.payments-live{color:#698096;margin-left:auto;font-size:12px}.payments-live i{background:#0ba47c;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #def7ef}.payments-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.payments-stats article{background:#fff;border:1px solid #d9e5ef;border-radius:13px;min-height:83px;padding:15px;box-shadow:0 6px 17px #2142630a}.payments-stats span{color:#64788e;letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:850;display:block}.payments-stats strong{letter-spacing:-.02em;margin-top:10px;font-size:18px;display:block}.payments-stats .mpesa{background:linear-gradient(135deg,#fff,#effcf8);border-color:#b8e5d7}.payments-stats .mpesa strong{color:#08785f}.payments-stats .total{background:linear-gradient(135deg,#fff,#f0f5ff);border-color:#bfd2f0}.payments-stats .total strong{color:#235caa}.payments-stats .receivable{background:#fffcf5;border-color:#eee0b6}.payments-stats .receivable strong{color:#9b690e}.payments-two-column{grid-template-columns:minmax(0,1.45fr) minmax(310px,.8fr);gap:16px;display:grid}.payments-card{background:#fff;border:1px solid #dbe6ef;border-radius:15px;margin-bottom:16px;padding:20px;box-shadow:0 8px 22px #1a3d610b}.payments-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.payments-card h2{letter-spacing:-.015em;margin:4px 0 0;font-size:20px}.payments-card-heading small{color:#6b7e93;max-width:420px;font-size:12px;line-height:1.45}.payments-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.payments-form small{color:#73879d;font-size:10px;font-weight:600}.payments-form textarea{resize:vertical;min-height:65px}.payments-wide{grid-column:span 2}.payments-check{align-items:center;padding-top:24px;flex-direction:row!important;gap:8px!important;display:flex!important}.payments-check input{accent-color:#246ee0;margin:0;width:auto!important;min-height:auto!important}.payments-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}.payments-account-list{gap:10px;display:grid}.payments-account-list article,.payments-admin-list article{background:#fbfdff;border:1px solid #e0e9f1;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.payments-account-icon{color:#078165;background:#dff8ef;border-radius:9px;place-items:center;width:29px;height:29px;font-size:13px;font-weight:900;display:grid}.payments-account-list strong,.payments-admin-list strong{font-size:13px;display:block}.payments-account-list small,.payments-admin-list small{color:#708398;margin-top:3px;font-size:11px;display:block}.payments-default{color:#2467b0;background:#e6f2ff;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:10px;font-weight:850}.payments-empty{text-align:center;color:#71859b!important;padding:20px!important}.payments-table-wrap{border:1px solid #e1eaf2;border-radius:11px;overflow-x:auto}.payments-table-wrap table{border-collapse:collapse;width:100%;min-width:900px}.payments-table-wrap th{color:#59738d;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#f5f9fd;border-bottom:1px solid #e1eaf2;padding:11px 12px;font-size:10px}.payments-table-wrap td{color:#27435e;vertical-align:top;border-bottom:1px solid #edf2f6;padding:11px 12px;font-size:12px}.payments-table-wrap tr:last-child td{border-bottom:0}.payments-table-wrap small{color:#6d8195;margin-top:4px;display:block}.payments-unmatched{background:#fffcf5;border-color:#edd9aa}.payments-unmatched>p{color:#7b6b45;margin:0 0 12px;font-size:13px;line-height:1.45}.payments-unmatched-row{border-top:1px solid #f1e5c8;align-items:center;gap:14px;padding:10px 0;font-size:12px;display:flex}.payments-unmatched-row span{color:#6f644d}.payments-unmatched-row small{color:#7f755e;margin-left:auto}.payments-config{border-color:#cbdcf2}.payments-admin-list{gap:8px;margin-top:18px;display:grid}.payments-admin-list article{justify-content:space-between}.payments-admin-list article>div:last-child{gap:7px;display:flex}@media (width<=1160px){.payments-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.payments-two-column{grid-template-columns:1fr}}@media (width<=760px){.section-payments-page{padding:13px 10px 54px}.section-payments-header,.payments-card-heading{flex-direction:column}.section-payments-header-actions{width:100%}.section-payments-header-actions button{flex:1}.payments-toolbar label{min-width:min(100%,250px)}.payments-live{width:100%;margin:0}.payments-stats,.payments-form{grid-template-columns:1fr}.payments-wide{grid-column:auto}.payments-card{padding:15px}.payments-check{padding-top:0}.payments-unmatched-row{flex-direction:column;align-items:flex-start;gap:4px}.payments-unmatched-row small{margin:0}.payments-admin-list article{flex-direction:column;align-items:flex-start}}.payments-statement{background:linear-gradient(145deg,#fff 0%,#f7fbff 62%,#f2fcf8 100%);border-color:#c9ddef}.payments-statement-filters{grid-template-columns:1.05fr .85fr .85fr 1.1fr 1.5fr auto;align-items:end;gap:11px;display:grid}.payments-statement-filters label{color:#3d5872;flex-direction:column;gap:5px;font-size:12px;font-weight:760;display:flex}.payments-statement-filters select,.payments-statement-filters input{box-sizing:border-box;color:#16314e;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #cddbe8;border-radius:8px;outline:0;padding:9px 10px;font-size:14px}.payments-statement-filters select:focus,.payments-statement-filters input:focus{border-color:#6099e2;box-shadow:0 0 0 3px #3b82f61f}.payments-statement-run{align-items:end;gap:7px;display:flex}.payments-statement-run button{white-space:nowrap}.statement-actions{color:#5d748c;background:#ffffffc7;border:1px solid #d8e6ef;border-radius:11px;justify-content:space-between;align-items:center;gap:13px;margin:19px 0 13px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}.statement-actions>div{flex-wrap:wrap;gap:7px;display:flex}.statement-totals{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;display:grid}.statement-totals article{background:#fff;border:1px solid #d9e5ef;border-radius:11px;min-height:75px;padding:12px;box-shadow:0 5px 14px #2142630a}.statement-totals span{color:#687e93;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:850;display:block}.statement-totals strong{color:#183b60;letter-spacing:-.02em;margin-top:8px;font-size:15px;display:block}.statement-totals .mpesa{background:linear-gradient(135deg,#fff,#edfcf7);border-color:#aee1d2}.statement-totals .mpesa strong{color:#087a61}.statement-totals .total{background:linear-gradient(135deg,#fff,#eef5ff);border-color:#bdd4f1}.statement-totals .total strong{color:#1c5ba8}.statement-totals .receivable{background:#fffcf4;border-color:#eddfb8}.statement-totals .receivable strong{color:#9e6b0c}.statement-breakdowns{grid-template-columns:1fr 1fr;gap:13px;margin:15px 0;display:grid}.statement-breakdowns section{background:#ffffffc2;border:1px solid #dce7ef;border-radius:11px;padding:14px 15px}.statement-breakdowns h3,.statement-receivables h3{color:#173b60;margin:0;font-size:14px}.statement-breakdowns p{color:#73879b;margin:13px 0 2px;font-size:12px}.statement-breakdown-row{color:#3c5872;border-top:1px solid #edf2f6;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.statement-breakdown-row:first-of-type{margin-top:7px}.statement-breakdown-row small{color:#778ba0;font-size:10px}.statement-breakdown-row strong{color:#183d61}.statement-table{margin-top:15px}.statement-method{color:#45627d;background:#edf3f9;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:850;display:inline-block}.statement-method.mpesa{color:#08785f;background:#e1f9ef}.statement-method.cash{color:#2462ae;background:#eef5ff}.statement-method.card,.statement-method.bank{color:#6652b5;background:#f0edff}.statement-method.credit,.statement-method.invoice{color:#99640a;background:#fff3d8}.statement-receivables{background:linear-gradient(135deg,#fffdf7,#fffaf0);border:1px solid #eddfbb;border-radius:12px;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);align-items:start;gap:17px;margin-top:17px;padding:17px;display:grid}.statement-receivables>div:first-child>span{color:#a06b11;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.statement-receivables p{color:#7c6b47;margin:8px 0 0;font-size:12px;line-height:1.5}.statement-receivables .statement-table{margin:0}@media (width<=1280px){.payments-statement-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.statement-totals{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.payments-statement-filters,.statement-totals,.statement-breakdowns,.statement-receivables{grid-template-columns:1fr}.payments-statement-run{align-items:stretch}.payments-statement-run button{flex:1}.statement-actions{flex-direction:column;align-items:stretch}.statement-actions>div{grid-template-columns:1fr 1fr;display:grid}.statement-actions>div button:last-child{grid-column:1/-1}}.statement-heading-tools{justify-content:flex-end;align-items:flex-start;gap:12px;display:flex}.statement-heading-tools small{max-width:420px}.statement-heading-tools button{white-space:nowrap;flex:none}.statement-collapsed-note{color:#52728c;background:#ffffffad;border:1px dashed #bed6e7;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex}.statement-collapsed-note>span{color:#157778;background:#e4f8f4;border-radius:11px;place-items:center;width:37px;height:37px;font-size:17px;display:grid}.statement-collapsed-note strong,.statement-collapsed-note small{display:block}.statement-collapsed-note strong{color:#24506f;font-size:13px}.statement-collapsed-note small{color:#6a8298;margin-top:3px;font-size:12px;line-height:1.45}.statement-expanded{animation:.18s ease-out section-statement-reveal}@keyframes section-statement-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.statement-heading-tools{flex-direction:column;align-items:stretch;width:100%}.statement-heading-tools small{max-width:none}.statement-heading-tools button{width:100%}}.module-access-page{color:#132d4b;background:linear-gradient(135deg,#f4f8fc,#edf8f6);min-height:100vh;padding:24px}.module-access-hero{color:#fff;background:linear-gradient(120deg,#143e6d,#176a9d 60%,#0f988a);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 18px 44px #17395d2b}.module-access-hero span,.module-card small{letter-spacing:.12em;font-size:11px;font-weight:900}.module-access-hero h1{margin:6px 0;font-size:30px}.module-access-hero p{color:#e0f4ff;max-width:700px;margin:0}.module-access-hero button,.module-edit,.module-save,.module-actions button{cursor:pointer;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.module-access-hero button{color:#18567c;background:#fff}.module-access-message,.module-access-note{background:#fff;border:1px solid #cfe2ef;border-radius:12px;justify-content:space-between;gap:12px;margin:16px 0;padding:13px 16px;display:flex}.module-access-message button{cursor:pointer;background:0 0;border:0;font-size:20px}.module-access-note{color:#865316;background:#fff7e9;border-color:#fde2aa}.module-access-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;display:grid}.module-card{background:#fff;border:1px solid #d7e5ee;border-radius:18px;padding:22px;box-shadow:0 10px 24px #163e5a0b}.module-card.enabled{border-top:4px solid #0c9b78}.module-card.locked{border-top:4px solid #d88936}.module-card-head{align-items:center;gap:12px;display:flex}.module-icon{background:#e8f6f7;border-radius:14px;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.module-card h2{margin:3px 0;font-size:20px}.module-card-head b{color:#96551b;background:#fff1dc;border-radius:99px;margin-left:auto;padding:6px 9px;font-size:12px}.enabled .module-card-head b{color:#15764d;background:#dcf7e8}.module-card dl{gap:10px;margin:20px 0 14px;display:grid}.module-card dl div{background:#f7fafc;border-radius:11px;padding:11px 12px}.module-card dt{color:#63758a;font-size:11px;font-weight:800}.module-card dd{margin:4px 0 0;font-weight:700}.module-notes{color:#63758a;min-height:38px;font-size:13px}.module-edit{color:#185e9e;background:#e7f2ff;width:100%}.module-form{gap:12px;margin-top:18px;display:grid}.module-toggle{align-items:center;gap:9px;font-weight:800;display:flex}.module-toggle input{width:18px;height:18px}.module-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.module-form label{gap:6px;font-size:12px;font-weight:800;display:grid}.module-form input,.module-form textarea{width:100%;font:inherit;border:1px solid #c9dce9;border-radius:9px;padding:10px}.module-form textarea{resize:vertical;min-height:74px}.module-actions{justify-content:flex-end;gap:8px;display:flex}.module-actions button{color:#294a64;background:#eaf0f5}.module-save{color:#fff!important;background:#108f7c!important}@media (width<=620px){.module-access-page{padding:12px}.module-access-hero{flex-direction:column;align-items:flex-start;padding:22px}.module-access-hero h1{font-size:25px}.module-form-grid{grid-template-columns:1fr}}.house-page{color:#122d4c;background:linear-gradient(135deg,#f2f8ff,#fbfaf5);min-height:100vh;padding:22px}.house-hero{color:#fff;background:linear-gradient(120deg,#263b71,#326fa5 58%,#309876);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:27px 31px;display:flex;box-shadow:0 15px 39px #18356326}.house-hero span,.house-card-title span,.house-report-head span{letter-spacing:.13em;font-size:10px;font-weight:900}.house-hero h1{margin:6px 0;font-size:30px}.house-hero p{color:#eaf5ff;max-width:720px;margin:0}.house-hero button,.house-card-title button,.house-row-actions button,.house-report-head button{color:#1a527c;cursor:pointer;background:#fff;border:1px solid #c9ddeb;border-radius:9px;padding:9px 12px;font-weight:800}.house-message{color:#12675c;background:#eafff9;border:1px solid #b9dfe0;border-radius:10px;justify-content:space-between;margin:14px 0;padding:12px 14px;display:flex}.house-message button{background:0 0;border:0;font-size:20px}.house-metrics,.house-report-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0;display:grid}.house-metrics article,.house-report-metrics article{background:#fff;border:1px solid #dbe7ef;border-radius:14px;padding:15px}.house-metrics span,.house-report-metrics span{color:#64778d;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.house-metrics strong,.house-report-metrics strong{margin-top:7px;font-size:21px;display:block}.house-tabs{gap:8px;margin:17px 0;display:flex}.house-tabs button{color:#345570;cursor:pointer;background:#fff;border:1px solid #c9ddeb;border-radius:10px;padding:10px 14px;font-weight:800}.house-tabs button.active{color:#fff;background:#175f99;border-color:#175f99}.house-card{background:#fff;border:1px solid #d8e5ed;border-radius:18px;margin-top:16px;padding:22px;box-shadow:0 8px 22px #13375b0a}.house-card-title,.house-filter,.house-report-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.house-card h2,.house-filter h2,.house-report-head h2{margin:4px 0;font-size:21px}.house-form{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.house-form label,.house-filter label{color:#49647e;gap:6px;font-size:12px;font-weight:800;display:grid}.house-form input,.house-form select,.house-form textarea,.house-filter input,.house-filter select{width:100%;font:inherit;color:#173753;background:#fcfeff;border:1px solid #cbddea;border-radius:9px;padding:10px}.house-form textarea{resize:vertical;min-height:72px}.house-form .wide{grid-column:span 2}.house-form small{font-weight:600}.house-check{align-items:center;gap:8px;display:flex!important}.house-check input{width:auto!important}.house-save{color:#fff;cursor:pointer;background:#0d967d;border:0;border-radius:10px;justify-self:start;padding:11px 16px;font-weight:900}.house-list{gap:9px;display:grid}.house-list article{background:#f8fbfd;border:1px solid #dbe8ef;border-radius:12px;justify-content:space-between;gap:14px;padding:14px;display:flex}.house-list b,.house-list small{display:block}.house-list small{color:#62778e;margin-top:5px}.house-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.house-row-actions button{font-size:12px}.house-row-actions .danger{color:#ad2e3f;border-color:#f2c5cc}.house-status{color:#21619a;background:#e3effa;border-radius:99px;padding:5px 7px;font-size:11px;font-weight:900}.house-status.CheckedIn{color:#158153;background:#dcf6e9}.house-status.CheckedOut{color:#566477;background:#eceef2}.house-status.Cancelled,.house-status.NoShow{color:#a83b3b;background:#ffe5e5}.house-empty{color:#6b8094}.house-unit-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;display:grid}.house-unit-grid article{background:#f8fffd;border:1px solid #d4e5e4;border-radius:15px;gap:7px;padding:17px;display:grid}.house-unit-grid article.offline{background:#faf9f6;border-color:#ece5d8}.house-unit-grid span{font-size:25px}.house-unit-grid h3,.house-unit-grid p{margin:0}.house-unit-grid small{color:#657a8d}.house-unit-grid em{color:#138367;font-size:12px;font-style:normal;font-weight:900}.house-unit-grid button{color:#1d6195;cursor:pointer;background:#fff;border:1px solid #b9d7ea;border-radius:8px;margin-top:7px;padding:8px;font-weight:800}.house-report-head>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.house-disabled{text-align:center;background:#fff;border-radius:24px;max-width:650px;margin:10vh auto;padding:42px;box-shadow:0 20px 55px #15385523}.house-disabled span{font-size:52px}.house-disabled h1{margin:12px 0}.house-disabled p{color:#60768d;line-height:1.6}@media (width<=850px){.house-form,.house-metrics,.house-report-metrics{grid-template-columns:1fr 1fr}}@media (width<=600px){.house-page{padding:12px}.house-hero,.house-card-title,.house-filter,.house-report-head,.house-list article{flex-direction:column;align-items:flex-start}.house-form{grid-template-columns:1fr}.house-form .wide{grid-column:auto}.house-metrics,.house-report-metrics{grid-template-columns:1fr 1fr}.house-row-actions{justify-content:flex-start}.house-report-head>div:last-child{width:100%}}.house-unit-grid .house-unit-image{border-color:#c4dce8;width:100%;height:118px;margin:0;padding:0;display:block;overflow:hidden}.house-unit-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.house-unit-image:hover img{transform:scale(1.04)}.house-unit-grid .danger{color:#a32e3c;border-color:#efc2c9}.house-image-overlay{z-index:3000;background:#10233ac9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.house-image-overlay>div{background:#fff;border-radius:16px;width:min(900px,100%);max-height:calc(100vh - 36px);padding:38px 12px 12px;position:relative;box-shadow:0 20px 70px #0008}.house-image-overlay img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100vh - 110px);margin:auto;display:block}.house-image-overlay button{color:#285b7c;cursor:pointer;background:#fff;border:1px solid #c7d9e5;border-radius:8px;padding:7px 9px;font-weight:800;position:absolute;top:8px;right:8px}.house-status.PendingApproval{color:#a35a06;background:#fff2d5}.house-photo-upload input[type=file]{color:#385d76;background:#f7fbfe;padding:9px}.house-photo-preview{background:#effaf6;border:1px solid #cce6de;border-radius:10px;align-items:flex-start;gap:10px;margin-top:8px;padding:9px;display:flex}.house-photo-preview img{object-fit:cover;background:#fff;border-radius:7px;width:118px;height:82px}.house-photo-preview button{color:#a42e3d;cursor:pointer;background:#fff6f7;border:1px solid #f1c7cd;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800}.house-customer-link{background:linear-gradient(135deg,#f7fbff,#edf8ff);border:1px solid #b7d8ff;border-radius:14px;padding:.9rem}.house-customer-link>input,.house-customer-link>select{margin-top:.4rem}.house-customer-link>small{color:#4c6987;margin-top:.45rem;line-height:1.35;display:block}.house-photo-gallery{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-top:9px;display:grid}.house-photo-gallery .house-photo-preview{gap:5px;margin:0;display:grid}.house-photo-gallery .house-photo-preview img{width:100%;height:74px}.house-link-tools{justify-content:space-between;align-items:center;gap:16px;display:flex;background:linear-gradient(130deg,#f4fbff,#f4fcf8)!important;padding:14px 16px!important}.house-link-tools span{color:#1d7b9f;letter-spacing:.09em;font-size:10px;font-weight:900}.house-link-tools h3{color:#193d60;margin:3px 0;font-size:15px}.house-link-tools p{color:#637f94;max-width:620px;margin:0;font-size:11px;line-height:1.45}.house-link-tools>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.house-link-tools button{color:#1a628f;cursor:pointer;background:#fff;border:1px solid #b8d9e8;border-radius:8px;min-height:34px;padding:7px 10px;font-size:11px;font-weight:850;transition:transform .16s,box-shadow .16s}.house-link-tools button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 14px #1b63801c}.house-unit-grid article{transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;border-radius:13px!important;min-height:0!important;padding:12px!important}.house-unit-grid article:hover{z-index:1;border-color:#7ec4df;transform:translateY(-3px);box-shadow:0 13px 28px #164d6d1c}.house-unit-grid article .house-unit-image{border-radius:9px!important;height:105px!important}.house-unit-grid article>button{min-height:30px!important;font-size:10px!important}.house-unit-grid article em{border-radius:999px;width:max-content;max-width:100%;padding:3px 7px;font-style:normal;font-weight:850;font-size:9px!important}.house-unit-grid article small{line-height:1.35;font-size:10px!important}.house-report-filters{background:linear-gradient(135deg,#f5fbff,#f4fcf9);border:1px solid #c8e2ed;border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:4px 0 13px;padding:16px;display:grid}.house-report-filters label{color:#456782;letter-spacing:.02em;text-transform:uppercase;gap:6px;min-width:0;font-size:10px;font-weight:900;display:grid}.house-report-filters input,.house-report-filters select{color:#193c5a;width:100%;min-width:0;font:inherit;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #c7dce9;border-radius:9px;padding:10px;font-size:12px;font-weight:650}.house-report-filters .house-report-search{grid-column:span 2}.house-report-apply{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d957f,#176fa8);border:1px solid #128d7b;border-radius:9px;align-self:end;min-height:39px;padding:9px 12px;font-weight:900;box-shadow:0 8px 16px #19658b20}.house-report-apply:hover:not(:disabled){filter:brightness(1.05)}.house-report-apply:disabled{cursor:wait;opacity:.65}.house-report-criteria{color:#527388;background:#f1fbf8;border-left:3px solid #189584;border-radius:0 9px 9px 0;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.45}@media (width<=700px){.house-link-tools{flex-direction:column;align-items:stretch}.house-link-tools>div:last-child button{flex:1}.house-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.house-report-filters{grid-template-columns:1fr 1fr;padding:12px}.house-report-filters .house-report-search{grid-column:span 2}}@media (width<=460px){.house-report-filters{grid-template-columns:1fr}.house-report-filters .house-report-search{grid-column:auto}}.guest-booking-page{color:#13324a;background:radial-gradient(circle at 100% 0,#c7f0e7 0,#f5fbff 38%,#eaf3fc 100%);min-height:100vh;padding:clamp(16px,4vw,52px);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.guest-booking-shell{background:#fff;border:1px solid #d5e5ef;border-radius:24px;width:min(1160px,100%);margin:auto;overflow:hidden;box-shadow:0 24px 70px #183b5c1c}.guest-booking-header{color:#fff;background:linear-gradient(120deg,#113d66,#087d76);justify-content:space-between;gap:20px;padding:clamp(22px,4vw,42px);display:flex}.guest-booking-header span,.guest-form-title span{letter-spacing:.12em;font-size:11px;font-weight:900}.guest-booking-header h1{margin:8px 0;font-size:clamp(29px,5vw,42px)}.guest-booking-header p{color:#e2f4f3;max-width:630px;margin:0;line-height:1.6}.guest-booking-header em{color:#d9fff6;border:1px solid #aee3d9;border-radius:999px;align-self:flex-start;padding:8px 11px;font-size:11px;font-style:normal;font-weight:800}.guest-booking-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);display:grid}.guest-unit-card{background:#f4faf9;padding:24px}.guest-unit-card>button{cursor:zoom-in;background:#deeff0;border:0;border-radius:16px;width:100%;height:230px;padding:0;display:block;position:relative;overflow:hidden}.guest-unit-card img{object-fit:cover;width:100%;height:100%}.guest-unit-card>button span{color:#fff;background:#112d43bf;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;position:absolute;bottom:10px;right:10px}.guest-unit-placeholder{background:linear-gradient(135deg,#d2ecec,#dce9fb);border-radius:16px;place-items:center;height:230px;font-size:60px;display:grid}.guest-unit-card>small{color:#177367;letter-spacing:.08em;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:900;display:block}.guest-unit-card h2{margin:5px 0 8px;font-size:23px}.guest-unit-card p{color:#5d7787;font-size:13px;line-height:1.55}.guest-amenities{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.guest-amenities span{color:#08755f;background:#e0f3ea;border-radius:999px;padding:5px 7px;font-size:10px;font-weight:800}.guest-unit-card dl{grid-template-columns:1fr 1fr;gap:8px;margin:19px 0 0;display:grid}.guest-unit-card dl div{background:#fff;border:1px solid #d7e7e6;border-radius:10px;padding:10px}.guest-unit-card dt{color:#6b8494;font-size:10px;font-weight:800}.guest-unit-card dd{color:#173e5d;margin:4px 0 0;font-size:12px;font-weight:900}.guest-booking-form{padding:clamp(22px,4vw,42px)}.guest-form-title h2{margin:6px 0 20px;font-size:25px}.guest-form-title span{color:#168779}.guest-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.guest-form-grid label{color:#45657a;gap:5px;font-size:11px;font-weight:850;display:grid}.guest-form-grid input,.guest-form-grid select,.guest-form-grid textarea{color:#183c5b;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #c9dce9;border-radius:9px;outline:none;padding:9px 10px}.guest-form-grid textarea{resize:vertical;min-height:84px}.guest-form-grid input:focus,.guest-form-grid select:focus,.guest-form-grid textarea:focus{border-color:#168c7a;box-shadow:0 0 0 3px #0a8b751a}.guest-form-grid .wide{grid-column:1/-1}.guest-form-grid small{color:#7a909d;font-weight:650}.guest-estimate{background:linear-gradient(135deg,#effaf7,#f4f9ff);border:1px solid #b8ded5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0;padding:11px;display:grid}.guest-estimate div{padding:6px}.guest-estimate span,.guest-estimate strong{display:block}.guest-estimate span{color:#648092;text-transform:uppercase;font-size:10px;font-weight:800}.guest-estimate strong{color:#087665;margin-top:4px;font-size:13px}.guest-payment-note{color:#61798b;margin:15px 0;font-size:11px;line-height:1.5}.guest-booking-form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#087f70,#216eb5);border:0;border-radius:10px;min-height:46px;padding:10px 17px;font-size:14px;font-weight:900;box-shadow:0 8px 18px #08756d2b}.guest-booking-form>button:disabled{cursor:not-allowed;opacity:.55}.guest-inline-error{color:#a12b3c;background:#fff5f5;border:1px solid #f0c4c9;border-radius:9px;margin:0 0 14px;padding:9px;font-size:12px}.guest-loading,.guest-error,.guest-success{text-align:center;place-content:center;justify-items:center;min-height:360px;padding:36px;display:grid}.guest-error span,.guest-success span{background:#fff0f1;border-radius:18px;place-items:center;width:55px;height:55px;font-size:27px;display:grid}.guest-success{background:#f3fcf8;border:1px solid #bce5d8;border-radius:18px;min-height:300px;margin:30px}.guest-success span{color:#08775f;background:#d9f5e8}.guest-success h2{margin:12px 0 6px}.guest-success p{color:#315b70;max-width:600px;line-height:1.6}.guest-success small,.guest-error small{color:#688091}.guest-image-modal{z-index:3000;background:#0c223bd4;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.guest-image-modal>div{background:#fff;border-radius:16px;max-width:min(940px,100%);max-height:calc(100vh - 36px);padding:42px 12px 12px;position:relative}.guest-image-modal img{object-fit:contain;max-width:100%;max-height:calc(100vh - 110px);display:block}.guest-image-modal button{color:#285b7d;cursor:pointer;background:#fff;border:1px solid #c8dce7;border-radius:8px;padding:7px 10px;font-weight:800;position:absolute;top:8px;right:8px}@media (width<=800px){.guest-booking-header{display:block}.guest-booking-header em{margin-top:14px;display:inline-block}.guest-booking-grid{grid-template-columns:1fr}.guest-unit-card{padding:18px}.guest-booking-form{padding:22px 18px}.guest-form-grid,.guest-estimate{grid-template-columns:1fr}.guest-form-grid .wide{grid-column:auto}}.guest-unit-selector{background:#fff;grid-column:1/-1;padding:18px 24px 6px}.guest-unit-selector>strong{color:#176f75;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:11px;display:block}.guest-unit-selector>div{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.guest-unit-selector button{color:#214763;cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #d7e4ec;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;padding:7px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.guest-unit-selector button:hover,.guest-unit-selector button.selected{background:#eefbf7;border-color:#159181;transform:translateY(-1px);box-shadow:0 6px 14px #11796c1c}.guest-unit-selector img,.guest-unit-selector span{object-fit:cover;background:#e8f2f6;border-radius:7px;grid-row:1/3;width:42px;height:42px}.guest-unit-selector span{place-items:center;display:grid}.guest-unit-selector b,.guest-unit-selector small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guest-unit-selector b{font-size:11px}.guest-unit-selector small{color:#087764;font-size:10px;font-weight:800}@media (width<=800px){.guest-unit-selector{padding:16px 18px 4px}}:root{--customer-primary:#0f766e;--customer-primary-dark:#115e59;--customer-primary-light:#ccfbf1;--customer-primary-soft:#f0fdfa;--customer-blue:#2563eb;--customer-blue-dark:#1d4ed8;--customer-blue-light:#dbeafe;--customer-blue-soft:#eff6ff;--customer-green:#16a34a;--customer-green-dark:#15803d;--customer-green-light:#dcfce7;--customer-green-soft:#f0fdf4;--customer-orange:#ea580c;--customer-orange-dark:#c2410c;--customer-orange-light:#ffedd5;--customer-orange-soft:#fff7ed;--customer-purple:#7c3aed;--customer-purple-dark:#6d28d9;--customer-purple-light:#ede9fe;--customer-purple-soft:#f5f3ff;--customer-red:#dc2626;--customer-red-dark:#b91c1c;--customer-red-light:#fee2e2;--customer-red-soft:#fef2f2;--customer-yellow:#ca8a04;--customer-yellow-light:#fef9c3;--customer-dark:#0f172a;--customer-text:#1e293b;--customer-muted:#64748b;--customer-light:#94a3b8;--customer-border:#e2e8f0;--customer-border-dark:#cbd5e1;--customer-background:#f4f7fb;--customer-surface:#fff;--customer-radius-xs:6px;--customer-radius-sm:8px;--customer-radius-md:12px;--customer-radius-lg:16px;--customer-radius-xl:20px;--customer-radius-2xl:26px;--customer-shadow-xs:0 1px 2px #0f172a0a;--customer-shadow-sm:0 4px 12px #0f172a0f;--customer-shadow-md:0 10px 30px #0f172a14;--customer-shadow-lg:0 20px 55px #0f172a24;--customer-shadow-xl:0 30px 90px #0f172a33;--customer-transition:all .2s ease}html,body{margin:0;padding:0}.customers-page,.customer-payments-page{width:100%;min-height:100vh;color:var(--customer-text);background:radial-gradient(circle at 0 0,#0f766e12,#0000 30%),radial-gradient(circle at 100% 0,#2563eb0f,#0000 28%),linear-gradient(#f8fafc 0%,#f4f7fb 48%,#eef2f7 100%);padding:30px;overflow-x:hidden}.customers-container,.customer-payments-container{width:100%;max-width:1650px;margin:0 auto}.customers-header,.customer-payments-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:26px;display:flex}.customers-header h1,.customer-payments-header h1{color:var(--customer-dark);letter-spacing:-.04em;margin:5px 0 8px;font-size:clamp(30px,3vw,42px);font-weight:850;line-height:1.05}.customers-header p,.customer-payments-header p{max-width:760px;color:var(--customer-muted);margin:0;font-size:14px;line-height:1.7}.eyebrow,.customer-payments-eyebrow,.modal-eyebrow{color:var(--customer-primary);letter-spacing:.16em;text-transform:uppercase;align-items:center;font-size:10px;font-weight:900;display:inline-flex}.eyebrow:before,.modal-eyebrow:before{content:"";background:linear-gradient(90deg, var(--customer-primary), #38bdf8);border-radius:999px;width:20px;height:2px;margin-right:8px}.header-actions,.customer-payments-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.customers-primary-btn,.customer-primary-btn{background:linear-gradient(135deg, var(--customer-primary), #159c91);color:#fff;min-height:43px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 17px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 7px 20px #0f766e2e}.customers-primary-btn:hover:not(:disabled),.customer-primary-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 12px 28px #0f766e3d}.customers-primary-btn:active:not(:disabled),.customer-primary-btn:active:not(:disabled){transform:translateY(0)}.customers-primary-btn:disabled,.customer-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.customers-secondary-btn,.customer-secondary-btn{border:1px solid var(--customer-border-dark);min-height:43px;color:var(--customer-text);font:inherit;cursor:pointer;transition:var(--customer-transition);background:#ffffffe6;border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:750;display:inline-flex}.customers-secondary-btn:hover:not(:disabled),.customer-secondary-btn:hover:not(:disabled){box-shadow:var(--customer-shadow-sm);background:#fff;border-color:#94a3b8;transform:translateY(-1px)}.customers-secondary-btn:disabled,.customer-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.customers-alert,.customer-payment-alert{border-radius:var(--customer-radius-md);box-shadow:var(--customer-shadow-xs);border:1px solid #0000;align-items:flex-start;gap:13px;margin-bottom:20px;padding:14px 16px;display:flex}.customers-alert-success,.customer-payment-alert.success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.customers-alert-error,.customer-payment-alert.error{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fff1f2);border-color:#fecaca}.alert-icon,.alert-circle,.customer-payment-alert .alert-circle{background:#fffc;border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.alert-content,.customer-payment-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.customers-alert strong,.customer-payment-alert strong{font-size:13px;font-weight:850}.customers-alert span,.customer-payment-alert span{font-size:13px;line-height:1.5}.customers-alert>button,.customer-payment-alert>button:last-child{width:31px;height:31px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px;line-height:1}.customers-alert>button:hover,.customer-payment-alert>button:last-child:hover{background:#0f172a0d}.customers-summary,.customer-payment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.customer-summary-card,.payment-summary-card{border:1px solid var(--customer-border);border-radius:var(--customer-radius-lg);min-height:112px;box-shadow:var(--customer-shadow-sm);transition:var(--customer-transition);background:linear-gradient(145deg,#fff,#fbfdff);align-items:center;gap:15px;padding:19px;display:flex;position:relative;overflow:hidden}.customer-summary-card:after,.payment-summary-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f766e14,#0000 70%);border-radius:50%;width:85px;height:85px;position:absolute;top:-20px;right:-20px}.customer-summary-card:hover,.payment-summary-card:hover{box-shadow:var(--customer-shadow-md);transform:translateY(-3px)}.customer-summary-card>div:last-child,.payment-summary-card>div:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.customer-summary-card span,.payment-summary-card span{color:var(--customer-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.customer-summary-card strong,.payment-summary-card strong{color:var(--customer-dark);overflow-wrap:anywhere;font-size:22px;font-weight:900}.summary-card-icon,.payment-summary-icon{border-radius:15px;flex:0 0 51px;justify-content:center;align-items:center;width:51px;height:51px;font-size:19px;font-weight:900;display:flex}.summary-card-icon.blue,.payment-summary-icon.blue{color:var(--customer-blue);background:linear-gradient(135deg,#dbeafe,#eff6ff)}.summary-card-icon.green,.payment-summary-icon.green{color:var(--customer-green);background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.summary-card-icon.purple,.payment-summary-icon.purple{color:var(--customer-purple);background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.summary-card-icon.orange,.payment-summary-icon.orange{color:var(--customer-orange);background:linear-gradient(135deg,#ffedd5,#fff7ed)}.payment-summary-icon.red{color:var(--customer-red);background:linear-gradient(135deg,#fee2e2,#fef2f2)}.customers-filter-card,.customer-payment-filter-card{border:1px solid var(--customer-border);border-radius:var(--customer-radius-lg);box-shadow:var(--customer-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;grid-template-columns:minmax(280px,2fr) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:13px;margin-bottom:20px;padding:17px;display:grid}.customer-filter,.payment-filter{min-width:0}.customer-filter label,.payment-filter label,.payment-form-group label,.receipt-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.search-input-wrapper,.payment-search-wrapper{position:relative}.search-input-wrapper>span,.payment-search-wrapper>span{color:var(--customer-light);pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper input,.payment-search-wrapper input{padding-left:37px}.customers-filter-card input,.customers-filter-card select,.customer-payment-filter-card input,.customer-payment-filter-card select,.customer-form-group input,.customer-form-group select,.customer-form-group textarea,.payment-form-group input,.payment-form-group select,.payment-form-group textarea,.statement-picker input,.statement-picker select,.receipt-form-group input,.receipt-form-group textarea{box-sizing:border-box;border:1px solid var(--customer-border-dark);width:100%;min-height:42px;color:var(--customer-text);font:inherit;transition:var(--customer-transition);background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.customers-filter-card input:hover,.customers-filter-card select:hover,.customer-payment-filter-card input:hover,.customer-payment-filter-card select:hover{border-color:#94a3b8}.customers-filter-card input:focus,.customers-filter-card select:focus,.customer-payment-filter-card input:focus,.customer-payment-filter-card select:focus,.customer-form-group input:focus,.customer-form-group select:focus,.customer-form-group textarea:focus,.payment-form-group input:focus,.payment-form-group select:focus,.payment-form-group textarea:focus,.statement-picker input:focus,.statement-picker select:focus,.receipt-form-group input:focus,.receipt-form-group textarea:focus{border-color:var(--customer-primary);box-shadow:0 0 0 3px #0f766e1a}.filter-result-count{border:1px solid var(--customer-border);color:var(--customer-muted);white-space:nowrap;background:#f8fafc;border-radius:999px;align-self:center;padding:9px 12px;font-size:11px;font-weight:800}.customers-card,.customer-payment-card{border:1px solid var(--customer-border);border-radius:var(--customer-radius-xl);box-shadow:var(--customer-shadow-md);background:#fff;overflow:hidden}.customers-card-header,.customer-payment-card-header{border-bottom:1px solid var(--customer-border);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.customers-card-header h2,.customer-payment-card-header h2{color:var(--customer-dark);margin:0 0 5px;font-size:18px;font-weight:850}.customers-card-header p,.customer-payment-card-header p{color:var(--customer-muted);margin:0;font-size:12px;line-height:1.5}.customers-card-header>span,.customer-payment-card-header>span,.transaction-count{border:1px solid var(--customer-border);min-width:max-content;color:var(--customer-muted);background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.customers-table-wrapper,.customer-payment-table-wrapper{scrollbar-width:thin;width:100%;overflow-x:auto}.customers-table-wrapper::-webkit-scrollbar{height:9px}.customer-payment-table-wrapper::-webkit-scrollbar{height:9px}.customers-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.customer-payment-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.customers-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customer-payment-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customers-table,.customer-payment-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.customers-table th,.customer-payment-table th{border-bottom:1px solid var(--customer-border);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#f8fafc;padding:13px 16px;font-size:10px;font-weight:900}.customers-table tbody td,.customer-payment-table tbody td{color:var(--customer-text);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:14px 16px;font-size:12px}.customers-table tbody tr,.customer-payment-table tbody tr{transition:background .15s}.customers-table tbody tr:hover,.customer-payment-table tbody tr:hover{background:linear-gradient(90deg,#f8fffe,#f8fbff)}.customers-table tbody tr:last-child td,.customer-payment-table tbody tr:last-child td{border-bottom:0}.customer-main,.payment-customer-cell,.receipt-customer-cell{align-items:center;gap:11px;display:flex}.customer-avatar,.payment-customer-avatar{background:linear-gradient(135deg, var(--customer-primary-light), #e0f2fe);width:40px;height:40px;color:var(--customer-primary-dark);border-radius:13px;flex:0 0 40px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #0f766e14}.customer-main>div:last-child,.payment-customer-cell>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.customer-main strong,.payment-customer-cell strong{color:var(--customer-dark);font-size:13px;font-weight:850}.customer-main small,.payment-customer-cell small,.contact-cell small,.credit-cell small,.receipt-customer-cell small,.receipt-sale-cell small,.sale-number-cell small{color:var(--customer-muted);overflow-wrap:anywhere;font-size:10px}.contact-cell,.credit-cell,.receipt-number-cell,.receipt-sale-cell,.sale-number-cell{flex-direction:column;gap:3px;display:flex}.customer-type-badge,.payment-method-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;width:max-content;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.customer-status{border-radius:999px;align-items:center;width:max-content;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.customer-status.active{color:#166534;background:var(--customer-green-light);border:1px solid #bbf7d0}.customer-status.inactive{color:#991b1b;background:var(--customer-red-light);border:1px solid #fecaca}.customer-approval{border-radius:999px;align-items:center;width:max-content;margin-top:5px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.customer-approval.approved{color:#166534;background:var(--customer-green-light);border:1px solid #bbf7d0}.customer-approval.pending{color:#8a6110;background:#fff7df;border:1px solid #f6d78e}.customer-approval.rejected{color:#991b1b;background:var(--customer-red-light);border:1px solid #fecaca}.customer-approval.frozen{color:#1e3a8a;background:#e8efff;border:1px solid #b9cdfd}.customer-control-meta{color:#52637b;text-overflow:ellipsis;max-width:168px;margin-top:4px;font-size:10px;line-height:1.35;display:block;overflow:hidden}.credit-enabled{color:var(--customer-green-dark);font-size:10px;font-weight:900}.credit-disabled{color:#64748b;background:#f1f5f9;border-radius:999px;width:max-content;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.customer-actions,.payment-actions,.receipt-actions{align-items:center;gap:6px;min-width:max-content;display:flex}.customer-actions button,.payment-actions button,.receipt-actions button{min-height:31px;font:inherit;cursor:pointer;white-space:nowrap;transition:var(--customer-transition);border:1px solid #0000;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:850}.customer-actions button:hover:not(:disabled),.payment-actions button:hover:not(:disabled),.receipt-actions button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0f172a12}.action-view,.payment-view-btn,.receipt-view-btn{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe!important}.action-edit{color:var(--customer-primary-dark);background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#99f6e4!important}.action-id-card{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#075985!important;border-color:#bae6fd!important}.action-id-card:hover:not(:disabled){background:linear-gradient(135deg,#bae6fd,#bfdbfe)!important}.action-id-card.large{min-height:40px;padding:9px 15px;font-size:12px;font-weight:850}.action-danger,.customer-actions .action-danger,.payment-reverse-btn,.receipt-cancel-btn{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca!important}.action-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0!important}.action-delete{color:#475569;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0!important}.payment-reverse-btn{color:#c2410c;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.receipt-reprint-btn{color:#6d28d9;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#ddd6fe!important}.customer-actions button:disabled,.payment-actions button:disabled,.receipt-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.customer-number-display{background:linear-gradient(135deg,#f0fdfa 0%,#ecfeff 50%,#eff6ff 100%);border:1px solid #99f6e4;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.customer-number-display:after{content:"";background:#0ea5e914;border-radius:50%;width:120px;height:120px;position:absolute;top:-55px;right:-35px}.customer-number-display>div{z-index:1;flex-direction:column;gap:5px;display:flex;position:relative}.customer-number-display span{color:var(--customer-primary-dark);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:900}.customer-number-display strong{color:#0f3f3a;letter-spacing:.04em;font-size:21px;font-weight:950}.customer-number-display small{z-index:1;color:#0f766e;font-size:11px;font-weight:650;position:relative}.customers-form,.customer-payment-form{flex:1;min-height:0;overflow-y:auto}.form-section,.po-form-section,.payment-form-section{border-bottom:1px solid #eef2f7;padding:22px 24px}.form-section-title,.payment-form-section-title{color:var(--customer-dark);margin-bottom:17px;padding-left:12px;font-size:14px;font-weight:900;position:relative}.form-section-title:before,.payment-form-section-title:before{content:"";background:linear-gradient(180deg, var(--customer-primary), #38bdf8);border-radius:999px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.customer-form-grid,.payment-form-grid,.statement-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.customer-form-group,.payment-form-group{min-width:0}.customer-form-group.full,.payment-form-group.full{grid-column:1/-1}.customer-form-group textarea,.payment-form-group textarea{resize:vertical;min-height:105px}.customer-form-group input:disabled,.customer-form-group select:disabled,.payment-form-group input:disabled,.payment-form-group select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.credit-setting-box{border:1px solid var(--customer-border);background:linear-gradient(135deg,#f8fafc,#f8fbff);border-radius:14px;padding:17px}.checkbox-label{color:var(--customer-text);cursor:pointer;align-items:center;gap:9px;margin-bottom:17px;font-size:13px;font-weight:750;display:flex}.checkbox-label input{width:17px;height:17px;accent-color:var(--customer-primary);margin:0}.status-checkbox{margin-top:16px;margin-bottom:0}.permission-note{color:#854d0e;background:linear-gradient(135deg,#fffbeb,#fef9c3);border:1px solid #fde68a;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:12px;line-height:1.5}.customer-details-content,.payment-details-content{padding:24px;overflow-y:auto}.details-profile{border-bottom:1px solid var(--customer-border);align-items:center;gap:14px;margin-bottom:18px;padding-bottom:20px;display:flex}.details-avatar{width:60px;height:60px;color:var(--customer-primary-dark);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:17px;flex:0 0 60px;justify-content:center;align-items:center;font-size:21px;font-weight:900;display:flex}.details-profile>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.details-profile h3{color:var(--customer-dark);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:900}.details-profile>div:nth-child(2) span{color:var(--customer-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.customer-id-highlight{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #bae6fd;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:17px 18px;display:flex;box-shadow:0 7px 20px #2563eb0f}.customer-id-highlight>div{flex-direction:column;gap:5px;display:flex}.customer-id-highlight span{color:#0369a1;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:900}.customer-id-highlight strong{color:#0c4a6e;letter-spacing:.04em;font-size:21px;font-weight:950}.customer-id-print-footer-btn{color:#075985;min-height:42px;font:inherit;cursor:pointer;transition:var(--customer-transition);background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bae6fd;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:850}.customer-id-print-footer-btn:hover{background:linear-gradient(135deg,#bae6fd,#bfdbfe);transform:translateY(-1px)}.details-grid,.payment-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.details-box,.payment-detail-grid>div{border:1px solid var(--customer-border);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;min-width:0;padding:14px}.details-box:hover{box-shadow:var(--customer-shadow-xs);border-color:#cbd5e1}.details-box span,.payment-detail-grid span{color:var(--customer-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9px;font-weight:850;display:block}.details-box strong,.payment-detail-grid strong{color:var(--customer-dark);overflow-wrap:anywhere;font-size:13px;font-weight:750;line-height:1.45;display:block}.details-credit-card,.selected-invoice-summary,.statement-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.details-credit-card>div,.selected-invoice-summary>div,.statement-summary>div{border:1px solid var(--customer-border);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;padding:15px}.details-credit-card span,.selected-invoice-summary span,.statement-summary span{color:var(--customer-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.details-credit-card strong,.selected-invoice-summary strong,.statement-summary strong{color:var(--customer-dark);font-size:16px;font-weight:900}.balance-highlight{background:linear-gradient(135deg,#f0fdfa,#ecfeff)!important;border-color:#99f6e4!important}.overdue-summary{background:linear-gradient(135deg,#fff1f2,#fef2f2)!important;border-color:#fecaca!important}.notes-box,.payment-detail-notes{border:1px solid var(--customer-border);background:linear-gradient(135deg,#fafcff,#fff);border-radius:12px;padding:15px}.notes-box span,.payment-detail-notes span{color:var(--customer-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:850;display:block}.notes-box strong,.payment-detail-notes strong{color:var(--customer-text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.customers-loading,.customer-payment-loading,.receipt-loading{min-height:280px;color:var(--customer-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.loading-spinner,.customer-loading-spinner,.receipt-spinner{border:4px solid #dbe4ec;border-top-color:var(--customer-primary);border-right-color:#38bdf8;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite customer-spin}@keyframes customer-spin{to{transform:rotate(360deg)}}.customers-empty,.customer-payment-empty,.receipt-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:50px 20px;display:flex}.empty-icon,.customer-payment-empty>div:first-child,.receipt-empty-icon{border:1px solid var(--customer-border);width:66px;height:66px;box-shadow:var(--customer-shadow-xs);background:linear-gradient(135deg,#f1f5f9,#f8fafc);border-radius:19px;justify-content:center;align-items:center;margin-bottom:15px;font-size:27px;display:flex}.customers-empty h3,.customer-payment-empty h3,.receipt-empty h3{color:var(--customer-dark);margin:0 0 7px;font-size:18px;font-weight:850}.customers-empty p,.customer-payment-empty p,.receipt-empty p{max-width:510px;color:var(--customer-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.customers-modal-overlay,.customer-payment-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(7px);overscroll-behavior:contain;background:#0208179e;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.customers-modal,.customer-payment-modal{border-radius:var(--customer-radius-2xl);width:min(970px,100%);max-height:calc(100vh - 48px);box-shadow:var(--customer-shadow-xl);background:#fffffffa;border:1px solid #ffffffb3;flex-direction:column;margin:auto 0;display:flex;overflow:hidden}.customer-details-modal,.payment-details-modal,.statement-modal{width:min(1120px,100%)}.customers-modal-header,.customer-payment-modal-header{border-bottom:1px solid var(--customer-border);background:linear-gradient(135deg,#fff,#f8fbff);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 25px;display:flex}.customers-modal-header h2,.customer-payment-modal-header h2{color:var(--customer-dark);letter-spacing:-.025em;margin:5px 0;font-size:23px;font-weight:900}.customers-modal-header p,.customer-payment-modal-header p{color:var(--customer-muted);margin:0;font-size:12px;line-height:1.55}.modal-close,.customer-modal-close{border:1px solid var(--customer-border);width:38px;height:38px;color:var(--customer-muted);cursor:pointer;transition:var(--customer-transition);background:#fff;border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;font-size:22px;display:flex}.modal-close:hover,.customer-modal-close:hover{background:var(--customer-red-soft);color:var(--customer-red-dark);border-color:#fecaca;transform:rotate(4deg)}.customers-modal-footer,.customer-payment-modal-footer,.receipt-modal-footer{border-top:1px solid var(--customer-border);background:linear-gradient(#fff,#f8fafc);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:16px 24px;display:flex}.customer-id-overlay{z-index:3000;-webkit-backdrop-filter:blur(10px);background:#020817b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.customer-id-modal{background:#fffffffa;border:1px solid #ffffffbf;border-radius:22px;flex-direction:column;width:min(700px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 35px 110px #0000004d}.customer-id-modal-header{border-bottom:1px solid var(--customer-border);background:linear-gradient(135deg,#fff,#f7fbff);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px 20px;display:flex}.customer-id-modal-header>div{min-width:0}.customer-id-modal-header span{color:var(--customer-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:950;display:block}.customer-id-modal-header h2{color:var(--customer-dark);letter-spacing:-.03em;margin:0 0 4px;font-size:20px;font-weight:900}.customer-id-modal-header p{color:var(--customer-muted);margin:0;font-size:10px;line-height:1.5}.customer-id-close{border:1px solid var(--customer-border);width:36px;height:36px;color:var(--customer-muted);cursor:pointer;transition:var(--customer-transition);background:#fff;border-radius:10px;flex:0 0 36px;font-size:21px}.customer-id-close:hover{color:var(--customer-red-dark);background:var(--customer-red-soft);border-color:#fecaca}.customer-id-preview-area{background:radial-gradient(circle at 0 0,#0ea5e914,#0000 35%),radial-gradient(circle at 100% 100%,#0f766e14,#0000 35%),#eef3f8;flex:1;justify-content:center;align-items:center;min-height:0;padding:28px;display:flex;overflow:auto}.customer-id-preview{color:#0f172a;isolation:isolate;background:linear-gradient(135deg,#fff 0%,#f7fffd 52%,#edf9f6 100%);border:1px solid #cfe3df;border-radius:20px;flex:0 0 560px;width:560px;min-width:560px;height:353px;min-height:353px;padding:21px 24px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0f172a33}.customer-id-preview:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0f766e21,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-95px;right:-100px}.customer-id-preview:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#2563eb14,#0000 70%);border-radius:50%;width:210px;height:210px;position:absolute;bottom:-115px;left:-110px}.customer-card-watermark{text-align:center;color:#0f766e09;letter-spacing:.08em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;font-size:68px;font-weight:950;line-height:1;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.customer-card-header{z-index:2;border-bottom:1px solid #dbe9e6;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex;position:relative}.customer-card-brand{align-items:center;gap:9px;min-width:0;display:flex}.customer-card-logo{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5a0);border-radius:11px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;font-weight:950;display:flex;box-shadow:0 7px 17px #0f766e29}.customer-card-brand strong{color:#0f172a;font-size:14px;font-weight:950;display:block}.customer-card-brand span{color:#64748b;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:6px;font-weight:850;display:block}.customer-card-status{letter-spacing:.05em;white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:5px 8px;font-size:7px;font-weight:950;display:inline-flex}.customer-card-body{z-index:2;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:18px;padding:17px 0 15px;display:grid;position:relative}.customer-card-photo{background:#fffc;border:1px solid #d9ece8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:126px;padding:10px;display:flex;box-shadow:inset 0 0 0 1px #0f766e08}.customer-card-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);border:4px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:21px;font-weight:950;display:flex;box-shadow:0 10px 24px #0f172a24}.customer-card-photo>span{color:#64748b;letter-spacing:.12em;text-transform:uppercase;font-size:6px;font-weight:900}.customer-card-information{min-width:0}.customer-card-field{flex-direction:column;gap:2px;min-width:0;display:flex}.customer-card-field span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:6px;font-weight:900}.customer-card-field strong{color:#0f172a;overflow-wrap:anywhere;font-size:9px;font-weight:850}.customer-card-field.primary{margin-bottom:9px}.customer-card-field.primary strong{font-size:16px;font-weight:950}.customer-card-field.primary:nth-child(2) strong{color:#0f766e;letter-spacing:.04em;font-size:14px}.customer-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px;display:grid}.customer-card-bottom{z-index:2;border-top:1px solid #dbe9e6;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:12px;display:grid;position:relative}.customer-card-bottom>div{flex-direction:column;gap:3px;display:flex}.customer-card-bottom span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:6px;font-weight:900}.customer-card-bottom strong{color:#0f172a;overflow-wrap:anywhere;font-size:8px;font-weight:850}.customer-id-actions{border-top:1px solid var(--customer-border);background:linear-gradient(#fff,#f8fafc);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:13px 18px;display:flex}.customer-id-secondary,.customer-id-print,.customer-id-download{min-height:40px;font:inherit;cursor:pointer;transition:var(--customer-transition);border-radius:9px;justify-content:center;align-items:center;padding:9px 14px;font-size:11px;font-weight:850;display:inline-flex}.customer-id-secondary{border:1px solid var(--customer-border-dark);color:var(--customer-text);background:#fff}.customer-id-secondary:hover{background:#f8fafc;transform:translateY(-1px)}.customer-id-print{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.customer-id-print:hover{transform:translateY(-1px);box-shadow:0 7px 18px #2563eb24}.customer-id-download{background:linear-gradient(135deg, var(--customer-primary), #159c91);color:#fff;border:0;box-shadow:0 7px 18px #0f766e2e}.customer-id-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #0f766e3b}.customer-id-download:disabled{opacity:.55;cursor:not-allowed}.customer-payment-filter-card{grid-template-columns:minmax(250px,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1fr) minmax(160px,1fr) auto}.payment-summary-icon{flex:0 0 45px;width:45px;height:45px}.payment-status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.payment-amount{color:var(--customer-primary-dark);font-weight:850}.invoice-number{color:var(--customer-blue);font-weight:800}.reference-text{color:var(--customer-muted);font-size:11px}.statement-picker{padding:24px}.statement-picker-grid{margin-bottom:18px}.statement-header{border-bottom:1px solid var(--customer-border);background:#fafcff;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.statement-header>div{flex-direction:column;gap:4px;display:flex}.statement-summary{grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 24px 0}.statement-section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.statement-section-title>span{color:var(--customer-muted);font-size:11px;font-weight:800}.statement-table-wrapper{overflow-x:auto}.statement-table th{color:#475569;border-bottom:1px solid var(--customer-border);text-align:left;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:11px 12px;font-size:10px}.statement-table td{border-bottom:1px solid #edf2f7;padding:12px;font-size:12px}.invoice-status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.statement-empty{text-align:center;border:1px dashed var(--customer-border-dark);color:var(--customer-muted);border-radius:10px;padding:25px;font-size:13px}.selected-invoice-summary{background:#f8fafc;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;padding:14px}.payment-details-modal{max-width:820px}.payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-detail-notes{margin-top:14px}.receipt-status{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.receipt-status-issued{color:#166534;background:var(--customer-green-light)}.receipt-status-reprinted{color:#6d28d9;background:var(--customer-purple-light)}.receipt-status-cancelled{color:#991b1b;background:var(--customer-red-light)}.receipt-status-default{color:#475569;background:#f1f5f9}.customer-access-denied,.receipt-access-denied,.po-access-denied,.sale-access-denied{border:1px solid var(--customer-border);max-width:620px;box-shadow:var(--customer-shadow-lg);text-align:center;background:#fffffff5;border-radius:22px;margin:100px auto;padding:48px 30px}.access-denied-icon,.receipt-denied-icon,.po-denied-icon,.sale-denied-icon{background:var(--customer-red-soft);width:70px;height:70px;color:var(--customer-red);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:28px;display:flex}.customer-access-denied h1,.receipt-access-denied h1,.po-access-denied h1,.sale-access-denied h1{color:var(--customer-dark);margin:0 0 10px;font-size:25px;font-weight:900}.customer-access-denied p,.receipt-access-denied p,.po-access-denied p,.sale-access-denied p{color:var(--customer-muted);margin:0 0 8px;line-height:1.6}.customer-access-denied>span,.receipt-access-denied>span,.po-access-denied>span,.sale-access-denied>span{color:var(--customer-muted);font-size:12px}@media (width<=1200px){.customers-page,.customer-payments-page{padding:22px}.customers-summary,.customer-payment-summary,.customers-filter-card,.customer-payment-filter-card,.details-grid,.details-credit-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.customers-page,.customer-payments-page{padding:17px}.customers-header,.customer-payments-header{flex-direction:column}.header-actions,.customer-payments-header-actions{justify-content:flex-start;width:100%}.customer-form-grid,.payment-form-grid,.statement-picker-grid{grid-template-columns:1fr}.customer-form-group.full,.payment-form-group.full{grid-column:auto}.statement-summary,.selected-invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-id-modal{width:min(650px,100%)}}@media (width<=760px){.customer-id-preview-area{padding:18px}.customer-id-preview{transform-origin:50%;margin:-14px auto;transform:scale(.92)}}@media (width<=700px){.customers-summary,.customer-payment-summary,.customers-filter-card,.customer-payment-filter-card{grid-template-columns:1fr}.customer-id-overlay{padding:10px}.customer-id-modal{border-radius:17px;max-height:calc(100vh - 20px)}.customer-id-preview-area{justify-content:flex-start;padding:12px}.customer-id-preview{transform-origin:top;margin:0 auto -64px;transform:scale(.82)}.customer-card-header{align-items:flex-start}.customer-card-body{grid-template-columns:106px minmax(0,1fr)}.customer-id-actions{flex-direction:column;align-items:stretch}.customer-id-actions button{width:100%}.customer-id-highlight{flex-direction:column;align-items:stretch}.customer-id-highlight .action-id-card{width:100%}}@media (width<=640px){.customers-page,.customer-payments-page{padding:11px}.customers-header h1,.customer-payments-header h1{font-size:28px}.header-actions,.customer-payments-header-actions{flex-direction:column;align-items:stretch}.header-actions button,.customer-payments-header-actions button{width:100%}.customers-modal-overlay,.customer-payment-modal-overlay{padding:8px}.customers-modal,.customer-payment-modal{border-radius:16px;max-height:calc(100vh - 16px)}.customers-modal-header,.customer-payment-modal-header{padding:17px}.customers-modal-header h2,.customer-payment-modal-header h2{font-size:20px}.customers-modal-footer,.customer-payment-modal-footer{flex-direction:column;align-items:stretch;padding:12px}.customers-modal-footer button,.customer-payment-modal-footer button{width:100%}.customer-details-content,.payment-details-content{padding:15px}.details-grid,.details-credit-card,.payment-detail-grid,.statement-summary,.selected-invoice-summary{grid-template-columns:1fr}.details-profile{flex-wrap:wrap;align-items:flex-start}.customer-number-display{flex-direction:column;align-items:flex-start}.customer-id-preview{transform-origin:top;margin:0 auto -99px;transform:scale(.72)}.customer-id-preview-area{min-height:275px}.customer-card-brand strong{font-size:14px}.customer-card-brand span{font-size:6px}.customer-card-logo{border-radius:11px;flex-basis:35px;width:35px;height:35px;font-size:10px}.customer-card-field.primary strong{font-size:16px}.customer-card-field.primary:nth-child(2) strong{font-size:14px}}@media (width<=420px){.customer-id-preview{transform-origin:top;margin:0 auto -127px;transform:scale(.64)}.customer-id-preview-area{min-height:240px}.customer-id-modal-header{padding:15px}.customer-id-modal-header h2{font-size:18px}}@media (hover:none){.customer-summary-card:hover,.payment-summary-card:hover,.customers-primary-btn:hover,.customer-primary-btn:hover,.customer-actions button:hover,.payment-actions button:hover,.receipt-actions button:hover,.customer-id-secondary:hover,.customer-id-print:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.customers-page,.customer-payments-page{background:#fff;min-height:auto;padding:0;overflow:visible}.customers-header,.customer-payments-header,.customers-filter-card,.customer-payment-filter-card,.customers-summary,.customer-payment-summary,.customer-actions,.payment-actions,.receipt-actions,.customers-modal-overlay,.customer-payment-modal-overlay{display:none!important}.customers-card,.customer-payment-card{box-shadow:none;border:0}.customer-id-overlay{background:#fff;width:100%;min-height:auto;padding:0;display:block;position:static;overflow:visible}.customer-id-modal{width:560px;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0 auto;overflow:visible}.customer-id-modal-header,.customer-id-actions{display:none!important}.customer-id-preview-area{background:#fff;width:560px;padding:0;display:block;overflow:visible}.customer-id-preview{width:560px;min-width:560px;height:353px;min-height:353px;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:0;flex:0 0 560px;margin:0;transform:none!important}@page{size:auto;margin:8mm}}.customer-id-preview,.customer-card-header,.customer-card-brand,.customer-card-logo,.customer-card-photo,.customer-card-avatar,.customer-card-information,.customer-card-bottom,.customer-card-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}.customers-form::-webkit-scrollbar{width:8px;height:8px}.customer-payment-form::-webkit-scrollbar{width:8px;height:8px}.customer-details-content::-webkit-scrollbar{width:8px;height:8px}.payment-details-content::-webkit-scrollbar{width:8px;height:8px}.customer-id-preview-area::-webkit-scrollbar{width:8px;height:8px}.customers-form::-webkit-scrollbar-track{background:#f1f5f9}.customer-payment-form::-webkit-scrollbar-track{background:#f1f5f9}.customer-details-content::-webkit-scrollbar-track{background:#f1f5f9}.payment-details-content::-webkit-scrollbar-track{background:#f1f5f9}.customer-id-preview-area::-webkit-scrollbar-track{background:#f1f5f9}.customers-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customer-payment-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customer-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.payment-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customer-id-preview-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customers-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-payment-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-details-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.payment-details-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-id-preview-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--cp-primary:#0f766e;--cp-primary-dark:#115e59;--cp-primary-light:#ccfbf1;--cp-blue:#2563eb;--cp-blue-dark:#1d4ed8;--cp-blue-light:#dbeafe;--cp-green:#16a34a;--cp-green-light:#dcfce7;--cp-purple:#7c3aed;--cp-purple-light:#ede9fe;--cp-orange:#ea580c;--cp-orange-light:#ffedd5;--cp-red:#dc2626;--cp-red-dark:#b91c1c;--cp-red-light:#fee2e2;--cp-yellow:#ca8a04;--cp-yellow-light:#fef9c3;--cp-dark:#0f172a;--cp-text:#1e293b;--cp-muted:#64748b;--cp-soft-text:#94a3b8;--cp-border:#e2e8f0;--cp-border-dark:#cbd5e1;--cp-bg:#f1f5f9;--cp-white:#fff;--cp-radius-sm:8px;--cp-radius-md:12px;--cp-radius-lg:16px;--cp-radius-xl:20px;--cp-shadow-sm:0 2px 8px #0f172a0d;--cp-shadow-md:0 10px 30px #0f172a14;--cp-shadow-lg:0 25px 70px #0f172a38}.customer-payments-page{box-sizing:border-box;width:100%;min-height:100vh;color:var(--cp-text);background:linear-gradient(#f8fafc 0%,#eef2f7 50%,#e8eef5 100%);padding:30px}.customer-payments-container{width:100%;max-width:1850px;margin:0 auto}.customer-payments-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:24px;display:flex}.customer-payments-eyebrow{color:var(--cp-primary);letter-spacing:1.25px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900}.customer-payments-header h1{color:var(--cp-dark);letter-spacing:-.7px;margin:0 0 7px;font-size:31px;font-weight:900;line-height:1.2}.customer-payments-header p{max-width:760px;color:var(--cp-muted);margin:0;font-size:13px;line-height:1.6}.customer-payments-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.customer-primary-btn,.customer-secondary-btn,.payment-view-btn,.payment-reverse-btn{border-radius:var(--cp-radius-sm);cursor:pointer;min-height:42px;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s,filter .18s,opacity .18s;position:relative;overflow:hidden}.customer-primary-btn:after,.customer-secondary-btn:after,.payment-view-btn:after,.payment-reverse-btn:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff24 45%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.customer-primary-btn:hover:after,.customer-secondary-btn:hover:after,.payment-view-btn:hover:after,.payment-reverse-btn:hover:after{transform:translate(120%)}.customer-primary-btn{border:1px solid var(--cp-primary);background:linear-gradient(135deg, var(--cp-primary), var(--cp-primary-dark));color:#fff;box-shadow:0 7px 17px #0f766e2e}.customer-primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #0f766e3d}.customer-secondary-btn{border:1px solid var(--cp-border-dark);color:var(--cp-text);background:linear-gradient(#fff,#f8fafc)}.customer-secondary-btn:hover:not(:disabled){background:#fff;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 7px 17px #0f172a12}.customer-primary-btn:disabled,.customer-secondary-btn:disabled,.payment-reverse-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.customer-payment-alert{border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-sm);align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.customer-payment-alert.success{color:#166534;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #86efac}.customer-payment-alert.error{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fef2f2);border:1px solid #fca5a5}.alert-circle{background:#fffc;border-radius:50%;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:flex}.customer-payment-alert>div:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.customer-payment-alert strong{font-size:12px}.customer-payment-alert span{font-size:12px;line-height:1.5}.customer-payment-alert>button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:22px}.customer-payment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.payment-summary-card{border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);min-height:100px;box-shadow:var(--cp-shadow-sm);background:linear-gradient(145deg,#fff,#f8fafc);align-items:center;gap:13px;padding:17px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.payment-summary-card:hover{box-shadow:var(--cp-shadow-md);border-color:#0f766e29;transform:translateY(-3px)}.payment-summary-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.payment-summary-card span{color:var(--cp-muted);font-size:10px;font-weight:750}.payment-summary-card strong{color:var(--cp-dark);font-size:17px;font-weight:900}.payment-summary-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:15px;font-weight:900;display:flex}.payment-summary-icon.blue{background:var(--cp-blue-light);color:var(--cp-blue)}.payment-summary-icon.green{background:var(--cp-green-light);color:var(--cp-green)}.payment-summary-icon.red{background:var(--cp-red-light);color:var(--cp-red)}.payment-summary-icon.purple{background:var(--cp-purple-light);color:var(--cp-purple)}.customer-payment-filter-card{border:1px solid var(--cp-border);border-radius:var(--cp-radius-md);box-shadow:var(--cp-shadow-sm);background:#fff;grid-template-columns:minmax(280px,2fr) minmax(160px,1fr) minmax(160px,1fr) minmax(200px,1.2fr) minmax(160px,1fr) auto;align-items:end;gap:12px;margin-bottom:20px;padding:17px;display:grid}.payment-filter{min-width:0}.payment-filter label{color:var(--cp-text);margin-bottom:7px;font-size:10px;font-weight:800;display:block}.payment-filter input,.payment-filter select,.payment-form-group input,.payment-form-group select,.payment-form-group textarea{box-sizing:border-box;border:1px solid var(--cp-border-dark);width:100%;color:var(--cp-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.payment-filter input,.payment-filter select,.payment-form-group input,.payment-form-group select{min-height:42px;padding:10px 11px}.payment-filter input:hover,.payment-filter select:hover,.payment-form-group input:hover,.payment-form-group select:hover,.payment-form-group textarea:hover{border-color:#94a3b8}.payment-filter input:focus,.payment-filter select:focus,.payment-form-group input:focus,.payment-form-group select:focus,.payment-form-group textarea:focus{border-color:var(--cp-primary);background:#fff;box-shadow:0 0 0 3px #0f766e1a}.payment-filter.search{min-width:0}.payment-search-wrapper{position:relative}.payment-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.customer-payment-filter-card .filter-button{white-space:nowrap;min-height:42px}.customer-payment-card{border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);box-shadow:var(--cp-shadow-sm);background:#fff;margin-bottom:22px;overflow:hidden}.customer-payment-card-header{border-bottom:1px solid var(--cp-border);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.customer-payment-card-header h2{color:var(--cp-dark);margin:0 0 5px;font-size:18px;font-weight:900}.customer-payment-card-header p{color:var(--cp-muted);margin:0;font-size:11px}.transaction-count{color:var(--cp-muted);white-space:nowrap;font-size:11px;font-weight:800}.customer-payment-table-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;width:100%;overflow-x:auto}.customer-payment-table{border-collapse:collapse;width:100%;min-width:1100px}.customer-payment-table th{border-bottom:1px solid var(--cp-border);color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:13px 14px;font-size:9px;font-weight:900}.customer-payment-table td{color:var(--cp-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px;font-size:11px}.customer-payment-table tbody tr{transition:background .15s}.customer-payment-table tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}.payment-customer-cell{align-items:center;gap:10px;min-width:190px;display:flex}.payment-customer-avatar{width:37px;min-width:37px;height:37px;color:var(--cp-primary-dark);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:11px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.payment-customer-cell strong{color:var(--cp-dark);font-size:11px;font-weight:850;display:block}.payment-customer-cell small{color:var(--cp-muted);margin-top:2px;font-size:9px;display:block}.invoice-number{color:var(--cp-blue-dark);white-space:nowrap;font-size:11px;font-weight:800}.payment-method-badge{background:var(--cp-blue-light);color:var(--cp-blue-dark);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:9px;font-weight:850;display:inline-flex}.payment-amount{color:var(--cp-dark);white-space:nowrap;font-size:12px;font-weight:900}.reference-text{color:var(--cp-muted);white-space:nowrap;font-size:10px}.payment-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:850;display:inline-flex}.payment-status.completed{color:#166534;background:var(--cp-green-light)}.payment-status.reversed{color:#991b1b;background:var(--cp-red-light)}.payment-status.cancelled{color:#92400e;background:var(--cp-orange-light)}.payment-actions{flex-wrap:wrap;align-items:center;gap:6px;min-width:145px;display:flex}.payment-view-btn,.payment-reverse-btn{border:1px solid #0000;border-radius:7px;min-height:32px;padding:7px 10px;font-size:9px;font-weight:850}.payment-view-btn{background:var(--cp-blue-light);color:var(--cp-blue-dark);border-color:#bfdbfe}.payment-view-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb1f}.payment-reverse-btn{background:var(--cp-red-light);color:var(--cp-red-dark);border-color:#fecaca}.payment-reverse-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #dc26261f}.customer-payment-loading{min-height:330px;color:var(--cp-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.customer-loading-spinner{border:4px solid #dbe4ec;border-top-color:var(--cp-primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite customerPaymentSpin}@keyframes customerPaymentSpin{to{transform:rotate(360deg)}}.customer-payment-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px 20px;display:flex}.customer-payment-empty>div:first-child{background:linear-gradient(135deg,#dbeafe,#ccfbf1);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:13px;font-size:28px;display:flex}.customer-payment-empty h3{color:var(--cp-dark);margin:0 0 7px;font-size:17px;font-weight:900}.customer-payment-empty p{max-width:470px;color:var(--cp-muted);margin:0 0 18px;font-size:11px;line-height:1.55}.customer-payment-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-overflow-scrolling:touch;background:#0f172aa8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.customer-payment-modal{border-radius:var(--cp-radius-xl);width:min(920px,100%);min-height:0;max-height:calc(100vh - 40px);box-shadow:var(--cp-shadow-lg);background:#fff;border:1px solid #ffffff8c;flex-direction:column;animation:.22s customerPaymentModalIn;display:flex;position:relative;overflow:hidden}@keyframes customerPaymentModalIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.customer-payment-modal.statement-modal{width:min(1250px,100%);height:min(900px,100dvh - 24px);max-height:calc(100vh - 40px)}.statement-content-scroll,.statement-picker-scroll{scrollbar-width:thin;scrollbar-color:#93a7bd #f4f8fc;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.statement-content-scroll::-webkit-scrollbar{width:10px}.statement-picker-scroll::-webkit-scrollbar{width:10px}.statement-content-scroll::-webkit-scrollbar-track{background:#f4f8fc}.statement-picker-scroll::-webkit-scrollbar-track{background:#f4f8fc}.statement-content-scroll::-webkit-scrollbar-thumb{background:#93a7bd;border:2px solid #f4f8fc;border-radius:999px}.statement-picker-scroll::-webkit-scrollbar-thumb{background:#93a7bd;border:2px solid #f4f8fc;border-radius:999px}.statement-content-scroll::-webkit-scrollbar-thumb:hover{background:#5c7998}.statement-picker-scroll::-webkit-scrollbar-thumb:hover{background:#5c7998}.customer-payment-modal.payment-details-modal{width:min(760px,100%);max-height:calc(100vh - 40px)}.customer-payment-modal-header{border-bottom:1px solid var(--cp-border);z-index:5;background:linear-gradient(#fff,#fbfdff);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 24px;display:flex;position:relative}.modal-eyebrow{color:var(--cp-primary);letter-spacing:1.15px;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.customer-payment-modal-header h2{color:var(--cp-dark);margin:4px 0 5px;font-size:21px;font-weight:900;line-height:1.25}.customer-payment-modal-header p{max-width:680px;color:var(--cp-muted);margin:0;font-size:11px;line-height:1.5}.customer-modal-close{border:1px solid var(--cp-border);width:38px;height:38px;color:var(--cp-muted);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;font-size:23px;transition:background .18s,color .18s,transform .18s,border-color .18s;display:flex}.customer-modal-close:disabled{opacity:.5;cursor:not-allowed}.customer-payment-form{flex-direction:column;flex:1;min-height:0;display:flex}.payment-form-grid{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-height:0;padding:22px 24px;display:grid;overflow:hidden auto}.payment-form-grid::-webkit-scrollbar{width:8px}.payment-form-grid::-webkit-scrollbar-track{background:#f8fafc}.payment-form-grid::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1,#94a3b8);border-radius:20px}.payment-form-grid::-webkit-scrollbar-thumb:hover{background:#64748b}.payment-form-group{min-width:0}.payment-form-group.full{grid-column:1/-1}.payment-form-group label{color:var(--cp-text);margin-bottom:7px;font-size:10px;font-weight:850;display:block}.payment-form-group textarea{resize:vertical;min-height:105px;padding:11px 12px}.form-help.error{color:var(--cp-red-dark)}.selected-invoice-summary{background:linear-gradient(135deg,#f0fdfa,#f8fafc);border:1px solid #99f6e4;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.selected-invoice-summary>div{border:1px solid var(--cp-border);background:#ffffffdb;border-radius:9px;padding:12px}.selected-invoice-summary span{color:var(--cp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.selected-invoice-summary strong{color:var(--cp-dark);font-size:13px;font-weight:900}.selected-invoice-summary .balance-highlight{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-color:#86efac}.selected-invoice-summary .balance-highlight strong{color:#15803d}.customer-payment-modal-footer{border-top:1px solid var(--cp-border);z-index:5;background:linear-gradient(#fbfdff,#f8fafc);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:15px 24px;display:flex;position:relative}.statement-picker{flex-direction:column;flex:1;min-height:0;display:flex}.statement-picker-grid{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-height:0;padding:22px 24px;display:grid;overflow-y:auto}.statement-picker-grid::-webkit-scrollbar{width:8px}.statement-picker-grid::-webkit-scrollbar-track{background:#f8fafc}.statement-picker-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.statement-header{border-bottom:1px solid var(--cp-border);background:#fafcff;flex:none;justify-content:space-between;align-items:center;gap:15px;padding:15px 24px;display:flex}.statement-header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.statement-header strong{color:var(--cp-dark);font-size:14px;font-weight:900}.statement-header span{color:var(--cp-muted);font-size:10px}.statement-header .customer-secondary-btn{flex-shrink:0}.statement-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.statement-header-actions .customer-secondary-btn,.statement-header-actions .customer-primary-btn{white-space:nowrap;min-height:34px;padding:8px 11px;font-size:11px}.statement-period-total{color:var(--cp-muted);margin:0;padding:0 24px 14px;font-size:11px}.statement-period-total strong{color:var(--cp-dark)}.statement-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px 24px;display:grid}.statement-summary>div{border:1px solid var(--cp-border);background:#fff;border-radius:10px;padding:13px;box-shadow:0 2px 7px #0f172a09}.statement-summary span{color:var(--cp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.statement-summary strong{color:var(--cp-dark);font-size:14px;font-weight:900}.statement-summary .overdue-summary{background:#fff7f7;border-color:#fecaca}.statement-summary .overdue-summary strong{color:var(--cp-red-dark)}.statement-section{border-top:1px solid var(--cp-border);flex:none;padding:20px 24px}.statement-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.statement-section-title h3{color:var(--cp-dark);margin:0;font-size:15px;font-weight:900}.statement-section-title>span{background:var(--cp-blue-light);min-width:27px;height:27px;color:var(--cp-blue-dark);border-radius:50%;justify-content:center;align-items:center;padding:0 7px;font-size:9px;font-weight:900;display:inline-flex}.statement-empty{border:1px dashed var(--cp-border-dark);color:var(--cp-muted);text-align:center;background:#fafcff;border-radius:10px;padding:28px;font-size:11px}.statement-table-wrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;width:100%;overflow-x:auto}.statement-table-wrapper::-webkit-scrollbar{height:8px}.statement-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.statement-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.statement-table{border-collapse:collapse;width:100%;min-width:850px}.statement-table th{border-bottom:1px solid var(--cp-border);color:#475569;text-align:left;text-transform:uppercase;background:linear-gradient(#f8fafc,#f1f5f9);padding:11px;font-size:9px;font-weight:900}.statement-table td{color:var(--cp-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:11px;font-size:10px}.statement-table tbody tr:hover{background:#f8fbff}.statement-table td strong{color:var(--cp-dark);font-weight:900}.invoice-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:850;display:inline-flex}.invoice-status.paid{color:#166534;background:var(--cp-green-light)}.invoice-status.overdue{color:var(--cp-red-dark);background:var(--cp-red-light)}.invoice-status.pending{color:#92400e;background:var(--cp-yellow-light)}.payment-details-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:22px 24px;overflow:hidden auto}.payment-details-content::-webkit-scrollbar{width:8px}.payment-details-content::-webkit-scrollbar-track{background:#f8fafc}.payment-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.payment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.payment-detail-grid>div{border:1px solid var(--cp-border);background:linear-gradient(#fff,#f8fafc);border-radius:10px;min-width:0;padding:14px}.payment-detail-grid span{color:var(--cp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.payment-detail-grid strong{color:var(--cp-dark);overflow-wrap:anywhere;font-size:12px;line-height:1.45;display:block}.payment-detail-notes{border:1px solid var(--cp-border);background:#fafcff;border-radius:10px;margin-top:15px;padding:15px}.payment-detail-notes span{color:var(--cp-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.payment-detail-notes strong{color:var(--cp-text);overflow-wrap:anywhere;font-size:11px;line-height:1.65;display:block}.customer-access-denied{border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg);max-width:620px;box-shadow:var(--cp-shadow-md);text-align:center;background:#fff;margin:110px auto;padding:45px 30px}.access-denied-icon{background:var(--cp-red-light);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:29px;display:flex}.customer-access-denied h1{color:var(--cp-dark);margin:0 0 10px;font-size:25px;font-weight:900}.customer-access-denied p{color:var(--cp-muted);margin:0 0 8px;font-size:13px;line-height:1.6}.customer-access-denied span{color:var(--cp-muted);font-size:11px}.customer-payment-modal-overlay::-webkit-scrollbar{width:9px}.customer-payment-modal-overlay::-webkit-scrollbar-track{background:#0f172a40}.customer-payment-modal-overlay::-webkit-scrollbar-thumb{background:#cbd5e1b8;border-radius:20px}@media (width<=1450px){.customer-payment-filter-card{grid-template-columns:minmax(250px,2fr) repeat(2,minmax(150px,1fr)) minmax(180px,1.2fr) minmax(150px,1fr) auto}}@media (width<=1200px){.customer-payment-summary,.customer-payment-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-filter.search{grid-column:1/-1}.selected-invoice-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.customer-payments-page{padding:20px}.customer-payments-header{flex-direction:column;align-items:flex-start}.customer-payments-header-actions{justify-content:flex-start;width:100%}.customer-payment-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-payment-modal-overlay{padding:14px}.customer-payment-modal,.customer-payment-modal.statement-modal,.customer-payment-modal.payment-details-modal{max-height:calc(100vh - 28px)}.statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.customer-payment-summary,.customer-payment-filter-card{grid-template-columns:1fr}.payment-filter.search{grid-column:auto}.payment-form-grid{grid-template-columns:1fr}.payment-form-group.full{grid-column:auto}.selected-invoice-summary,.payment-detail-grid,.statement-picker-grid{grid-template-columns:1fr}.customer-payment-modal-overlay{align-items:flex-start;padding:8px}.customer-payment-modal{border-radius:14px;width:100%;max-height:calc(100vh - 16px)}.customer-payment-modal.statement-modal,.customer-payment-modal.payment-details-modal{max-height:calc(100vh - 16px)}.customer-payment-modal-header,.payment-form-grid,.statement-picker-grid,.payment-details-content{padding:17px}.customer-payment-modal-footer{padding:13px 17px}.statement-header{flex-direction:column;align-items:flex-start;padding:14px 17px}.statement-header .customer-secondary-btn{width:100%}.statement-summary{grid-template-columns:1fr;padding:14px 17px}.statement-section{padding:17px}}@media (width<=600px){.customer-payments-page{padding:12px}.customer-payments-header h1{font-size:27px}.customer-payments-header-actions{flex-direction:column;align-items:stretch}.customer-payments-header-actions>button{width:100%}.customer-payment-card-header{flex-direction:column;align-items:flex-start;padding:17px}.transaction-count{align-self:flex-start}.customer-payment-empty{min-height:270px}.customer-payment-modal-header{gap:12px}.customer-payment-modal-header h2{font-size:18px}.customer-modal-close{flex-basis:35px;width:35px;height:35px}.customer-payment-modal-footer{flex-direction:column;align-items:stretch}.customer-payment-modal-footer>button{width:100%}}@media (width<=450px){.customer-payments-page{padding:9px}.customer-payments-header h1{font-size:24px}.payment-summary-card{min-height:88px;padding:14px}.payment-summary-icon{width:42px;min-width:42px;height:42px}.customer-payment-modal-overlay{padding:4px}.customer-payment-modal{border-radius:11px;max-height:calc(100vh - 8px)}.customer-payment-modal-header,.payment-form-grid,.statement-picker-grid,.payment-details-content{padding:14px}.customer-payment-modal-footer{padding:11px 14px}.selected-invoice-summary,.selected-invoice-summary>div{padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.customer-payments-page{--cp-modern-blue:#2563b9;--cp-modern-blue-dark:#194a8d;--cp-modern-blue-soft:#edf5ff;--cp-modern-green:#138266;--cp-modern-green-dark:#0d6650;--cp-modern-green-soft:#eaf8f3;--cp-modern-red:#c64555;--cp-modern-red-dark:#9f3040;--cp-modern-red-soft:#fff0f2;--cp-modern-amber:#d78322;--cp-modern-violet:#6757c5;--cp-control-height:35px;background:radial-gradient(circle at 5% 0,#2563b913,#0000 24rem),radial-gradient(circle at 98% 15%,#c645550b,#0000 22rem),linear-gradient(#f8fafc 0%,#f2f6fa 100%)!important;padding:clamp(10px,1.5vw,20px)!important}.customer-payments-header{isolation:isolate;background:radial-gradient(circle at 94% 10%,#7ed3ff2e,#0000 13rem),radial-gradient(circle at 80% 115%,#d44d5b21,#0000 15rem),linear-gradient(120deg,#17366a 0%,#25539b 49%,#2676b4 100%);border:1px solid #97beeb40;border-radius:14px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 10px 27px #1a427c24,inset 0 1px #ffffff14;align-items:center!important;gap:14px!important;margin-bottom:11px!important;padding:15px 17px!important}.customer-payments-header:before{z-index:-1;content:"";pointer-events:none;border:30px solid #ffffff0b;border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:-55px}.customer-payments-header:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#2fc09721,#0000 67%);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-95px;right:22%}@media (hover:hover) and (pointer:fine){.customer-payments-header:hover{transform:translateY(-1px);box-shadow:0 13px 32px #1a427c2e,inset 0 1px #ffffff17}}.customer-payments-eyebrow{color:#b9ddff!important;letter-spacing:1.05px!important;margin-bottom:3px!important;font-size:8px!important}.customer-payments-header h1{color:#fff!important;letter-spacing:-.55px!important;margin:0 0 4px!important;font-size:clamp(20px,2.1vw,27px)!important}.customer-payments-header p{color:#ecf5ffd1!important;max-width:700px!important;font-size:10px!important;line-height:1.45!important}.customer-payments-header-actions{gap:6px!important}.customer-payments-page .customer-primary-btn,.customer-payments-page .customer-secondary-btn,.customer-payments-page .payment-view-btn,.customer-payments-page .payment-reverse-btn{white-space:nowrap;line-height:1.1;min-height:var(--cp-control-height)!important;border-radius:8px!important;padding:7px 11px!important;font-size:10px!important;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,color .15s,filter .15s!important}.customer-payments-header .customer-primary-btn,.customer-payments-header .customer-secondary-btn{color:#fff!important;border-color:#ffffff38!important;min-height:34px!important;box-shadow:0 6px 14px #0d254a21!important}.customer-payments-header .customer-primary-btn{background:linear-gradient(135deg,#168969,#25a47f)!important}.customer-payments-header .customer-secondary-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21!important}.customer-payments-header .customer-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#2874c2,#1f5fa8)!important;border-color:#ffffff57!important;transform:translateY(-1px)!important;box-shadow:0 9px 19px #0c2d5936!important}.customer-payments-header .customer-secondary-btn:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#c64555,#9f3040)!important;border-color:#ffffff52!important;transform:translateY(-1px)!important;box-shadow:0 9px 19px #561c2836!important}.customer-payments-page .customer-primary-btn:not(.customer-payments-header *):hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#2563b9,#1b76b4)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 8px 17px #2563b933!important}.customer-payments-page .customer-secondary-btn:not(.customer-payments-header *):hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#6757c5,#5268b8)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 8px 17px #5d52be2e!important}.customer-payments-page .customer-primary-btn:not(:disabled):active,.customer-payments-page .customer-secondary-btn:not(:disabled):active,.customer-payments-page .payment-view-btn:not(:disabled):active,.customer-payments-page .payment-reverse-btn:not(:disabled):active{transform:translateY(0)scale(.98)!important;box-shadow:0 3px 8px #14273d24!important}.customer-payment-alert{border-radius:9px!important;gap:8px!important;margin-bottom:10px!important;padding:9px 11px!important}.alert-circle{flex-basis:26px!important;width:26px!important;height:26px!important;font-size:10px!important}.customer-payment-alert strong,.customer-payment-alert span{font-size:9.5px!important}.customer-payment-alert>button{font-size:18px!important}.customer-payment-summary{gap:8px!important;margin-bottom:10px!important}.payment-summary-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f8fbfd)!important;border-radius:11px!important;gap:8px!important;min-height:72px!important;padding:10px 11px!important;box-shadow:0 4px 12px #0f172a0a!important}.payment-summary-card:before{content:"";background:var(--cp-modern-blue);border-radius:11px 0 0 11px;width:3px;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.payment-summary-card:nth-child(2):before{background:var(--cp-modern-green)}.payment-summary-card:nth-child(3):before{background:var(--cp-modern-red)}.payment-summary-card:nth-child(4):before{background:var(--cp-modern-violet)}.payment-summary-card:hover{border-color:#c4d6e6!important;transform:translateY(-2px)!important;box-shadow:0 9px 19px #2563b913!important}.payment-summary-card:hover:before{width:5px}.payment-summary-card span{font-size:8px!important}.payment-summary-card strong{font-size:clamp(14px,1.35vw,17px)!important}.payment-summary-icon{border-radius:9px!important;width:34px!important;min-width:34px!important;height:34px!important;font-size:12px!important}.customer-payment-filter-card{background:linear-gradient(135deg,#fff,#fbfdff)!important;border-radius:11px!important;gap:8px!important;margin-bottom:10px!important;padding:10px 11px!important;box-shadow:0 4px 12px #0f172a09!important}.payment-filter label,.payment-form-group label{margin-bottom:4px!important;font-size:8.5px!important}.payment-filter input,.payment-filter select,.payment-form-group input,.payment-form-group select{border-radius:8px!important;min-height:35px!important;padding:7px 9px!important;font-size:10px!important}.payment-form-group textarea{border-radius:8px!important;min-height:78px!important;padding:8px 9px!important;font-size:10px!important}.payment-filter input:hover,.payment-filter select:hover,.payment-form-group input:hover,.payment-form-group select:hover,.payment-form-group textarea:hover{background:#fcfeff!important;border-color:#9dbbd5!important}.payment-filter input:focus,.payment-filter select:focus,.payment-form-group input:focus,.payment-form-group select:focus,.payment-form-group textarea:focus{border-color:var(--cp-modern-blue)!important;box-shadow:0 0 0 3px #2563b917!important}.payment-search-wrapper>span{color:#6d89a5!important;font-size:13px!important;left:10px!important}.payment-search-wrapper input{padding-left:31px!important}.customer-payment-filter-card .filter-button{min-height:35px!important}.customer-payment-card{border-radius:12px!important;margin-bottom:11px!important;box-shadow:0 5px 15px #0f172a0a!important}.customer-payment-card-header{background:linear-gradient(90deg,#f8fbff,#fff)!important;gap:9px!important;padding:11px 13px!important}.customer-payment-card-header h2{margin:0 0 2px!important;font-size:14px!important}.customer-payment-card-header p{font-size:8.75px!important}.transaction-count{background:#f2f7fb;border:1px solid #d7e4ef;border-radius:999px;padding:4px 7px;color:#5b7188!important;font-size:8px!important}.customer-payment-table-wrapper{scrollbar-color:#9db2c8 #edf2f7!important}.customer-payment-table-wrapper::-webkit-scrollbar{height:7px!important}.customer-payment-table-wrapper::-webkit-scrollbar-track{background:#edf2f7!important}.customer-payment-table-wrapper::-webkit-scrollbar-thumb{background:#9db2c8!important;border-radius:999px!important}.customer-payment-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6f89a5!important}.customer-payment-table th{color:#40566e!important;letter-spacing:.48px!important;background:linear-gradient(#edf5fc,#e8f0f8)!important;padding:9px 10px!important;font-size:7.75px!important}.customer-payment-table td{padding:9px 10px!important;font-size:9.5px!important;transition:background .15s,color .15s,box-shadow .15s!important}.customer-payment-table tbody tr:nth-child(2n) td{background:#fbfcfe}.customer-payment-table tbody tr:hover td{color:#20364c!important;background:linear-gradient(90deg,#edf6ff,#f8fbff)!important}.customer-payment-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--cp-modern-blue)}.payment-customer-cell{gap:7px!important;min-width:170px!important}.payment-customer-avatar{border-radius:8px!important;width:30px!important;min-width:30px!important;height:30px!important;font-size:9px!important}.payment-customer-cell strong,.invoice-number{font-size:9.5px!important}.payment-customer-cell small,.reference-text{font-size:8px!important}.payment-method-badge,.payment-status,.invoice-status{padding:4px 7px!important;font-size:7.75px!important}.payment-amount{font-size:10px!important}.payment-actions{gap:4px!important;min-width:125px!important}.payment-view-btn,.payment-reverse-btn{border-radius:7px!important;min-height:27px!important;padding:5px 7px!important;font-size:7.75px!important}.payment-view-btn{color:#205b9d!important;background:linear-gradient(135deg,#eaf4ff,#dcecff)!important;border-color:#bfd9f3!important}.payment-view-btn:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#138266,#21a07b)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 6px 13px #1382662e!important}.payment-reverse-btn{color:#ad3445!important;background:linear-gradient(135deg,#fff4f5,#ffe9ec)!important;border-color:#efc7cd!important}.payment-reverse-btn:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#c64555,#9f3040)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 6px 13px #c645552e!important}.payment-reverse-btn.large{min-height:34px!important;padding:7px 10px!important;font-size:9px!important}.customer-payment-loading,.customer-payment-empty{min-height:210px!important}.customer-loading-spinner{border-width:3px!important;width:30px!important;height:30px!important}.customer-payment-empty{padding:24px 15px!important}.customer-payment-empty>div:first-child{border-radius:12px!important;width:46px!important;height:46px!important;margin-bottom:8px!important;font-size:20px!important}.customer-payment-empty h3{margin-bottom:4px!important;font-size:13px!important}.customer-payment-empty p{margin-bottom:11px!important;font-size:9px!important}.customer-payment-modal-overlay{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0c182ca6!important;padding:12px!important}.customer-payment-modal{border-radius:14px!important;box-shadow:0 24px 70px #0a172b40!important}.customer-payment-modal-header{background:linear-gradient(90deg,#f7fbff,#fff)!important;gap:11px!important;padding:13px 15px!important}.modal-eyebrow{color:var(--cp-modern-blue)!important;margin-bottom:2px!important;font-size:7.5px!important}.customer-payment-modal-header h2{margin:2px 0 3px!important;font-size:16px!important}.customer-payment-modal-header p{font-size:9px!important}.customer-modal-close{border-radius:8px!important;flex-basis:31px!important;width:31px!important;height:31px!important;font-size:18px!important}.customer-modal-close:hover{color:#fff!important;background:linear-gradient(135deg,#c64555,#9f3040)!important;border-color:#0000!important;transform:rotate(4deg)!important}.payment-form-grid,.statement-picker-grid{gap:9px!important;padding:13px 15px!important}.form-help{margin-top:3px!important;font-size:7.75px!important}.selected-invoice-summary{border-radius:9px!important;gap:6px!important;padding:8px!important}.selected-invoice-summary>div{border-radius:8px!important;padding:8px!important}.selected-invoice-summary span{margin-bottom:3px!important;font-size:7.5px!important}.selected-invoice-summary strong{font-size:10.5px!important}.customer-payment-modal-footer{gap:6px!important;padding:9px 15px!important}.statement-header{gap:9px!important;padding:9px 15px!important}.statement-header-actions{gap:5px}.statement-header-actions .customer-secondary-btn,.statement-header-actions .customer-primary-btn{min-height:29px;padding:6px 8px;font-size:8.5px!important}.statement-period-total{padding:0 15px 10px;font-size:8.5px}.statement-header strong{font-size:11px!important}.statement-header span{font-size:8px!important}.statement-summary{gap:6px!important;padding:9px 15px!important}.statement-summary>div{border-radius:8px!important;padding:8px!important}.statement-summary span{margin-bottom:3px!important;font-size:7.5px!important}.statement-summary strong{font-size:10.5px!important}.statement-section{padding:12px 15px!important}.statement-section-title{margin-bottom:7px!important}.statement-section-title h3{font-size:11px!important}.statement-section-title>span{min-width:22px!important;height:22px!important;font-size:7.5px!important}.statement-empty{padding:17px!important;font-size:9px!important}.statement-table th,.statement-table td{padding:8px!important}.statement-table th{font-size:7.5px!important}.statement-table td{font-size:8.75px!important}.payment-details-content{padding:13px 15px!important}.payment-detail-grid{gap:7px!important}.payment-detail-grid>div{border-radius:8px!important;padding:9px!important}.payment-detail-grid span{margin-bottom:3px!important;font-size:7.5px!important}.payment-detail-grid strong{font-size:9.5px!important}.payment-detail-notes{border-radius:8px!important;margin-top:9px!important;padding:9px!important}.payment-detail-notes span{margin-bottom:3px!important;font-size:7.5px!important}.payment-detail-notes strong{font-size:9px!important;line-height:1.5!important}.customer-access-denied{border-radius:13px!important;max-width:520px!important;margin:70px auto!important;padding:28px 22px!important}.access-denied-icon{border-radius:13px!important;width:50px!important;height:50px!important;margin-bottom:11px!important;font-size:21px!important}.customer-access-denied h1{margin-bottom:6px!important;font-size:19px!important}.customer-access-denied p{font-size:10.5px!important}.customer-access-denied span{font-size:9px!important}.customer-payments-page button:focus-visible,.customer-payments-page input:focus-visible,.customer-payments-page select:focus-visible,.customer-payments-page textarea:focus-visible{outline-offset:2px;outline:3px solid #2563b92e}@media (width<=1200px){.payment-summary-card{min-height:68px!important}}@media (width<=900px){.customer-payments-page{padding:10px!important}.customer-payments-header{align-items:stretch!important;padding:13px 14px!important}.customer-payments-header-actions{width:100%;justify-content:flex-start!important}.customer-payment-filter-card{padding:9px!important}}@media (width<=750px){.customer-payment-summary{gap:6px!important}.payment-summary-card{min-height:62px!important;padding:8px 9px!important}.payment-summary-icon{width:31px!important;min-width:31px!important;height:31px!important}.customer-payment-modal-header,.payment-form-grid,.statement-picker-grid,.payment-details-content,.customer-payment-modal-footer,.statement-header,.statement-summary,.statement-section{padding-inline:12px!important}}@media (width<=600px){.customer-payments-page{padding:7px!important}.customer-payments-header{border-radius:11px!important;margin-bottom:8px!important;padding:11px!important}.customer-payments-header h1{font-size:19px!important}.customer-payments-header-actions{gap:5px!important}.customer-payments-header-actions>button{min-height:32px!important;font-size:9px!important}.customer-payment-summary,.customer-payment-filter-card,.customer-payment-card{margin-bottom:8px!important}.customer-payment-card-header{padding:9px 10px!important}.customer-payment-modal-overlay{padding:5px!important}}@media (width<=450px){.customer-payments-page{padding:5px!important}.payment-summary-card{min-height:58px!important;padding:7px 8px!important}.payment-summary-icon{width:29px!important;min-width:29px!important;height:29px!important;font-size:10px!important}.payment-summary-card strong{font-size:13px!important}.customer-payment-filter-card{gap:6px!important;padding:8px!important}.customer-payment-modal{border-radius:10px!important}}@media (hover:none){.customer-payments-header:hover,.payment-summary-card:hover,.customer-primary-btn:hover,.customer-secondary-btn:hover,.payment-view-btn:hover,.payment-reverse-btn:hover{transform:none!important}}.customer-payments-page *{scrollbar-width:thin;scrollbar-color:#9db2c8 #edf2f7}.customer-payments-page ::-webkit-scrollbar{width:7px;height:7px}.customer-payments-page ::-webkit-scrollbar-track{background:#edf2f7}.customer-payments-page ::-webkit-scrollbar-thumb{background:linear-gradient(#9db2c8,#718ba5);border-radius:999px}.customer-payments-page ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#718ba5,#536f8b)}.section-customers-page{--section-blue:#3568ad;--section-blue-dark:#254f8e;--section-blue-deep:#173865;--section-blue-light:#dbe9fb;--section-blue-soft:#eef5ff;--section-grey:#6f7f91;--section-grey-dark:#49586a;--section-grey-light:#edf1f5;--section-ink:#19324d;--section-muted:#65788c;--section-border:#d9e2ec;--section-border-strong:#c9d5e3;--section-surface:#fff;--section-bg:#f3f6fa;--section-shadow-sm:0 6px 18px #1d38550e;--section-shadow-md:0 14px 32px #1d38551a;--section-shadow-lg:0 22px 50px #18315024;width:100%;min-width:0;color:var(--section-ink);background:radial-gradient(circle at 5% 3%,#3568ad1a,#0000 25rem),radial-gradient(circle at 96% 28%,#72839814,#0000 24rem),linear-gradient(#f8fafc 0%,#f2f5f9 100%);padding:clamp(10px,1.4vw,18px);font-family:Times New Roman,Times,serif}.section-customers-page .section-customers-heading:before{z-index:-1;content:"";pointer-events:none;border:42px solid #ffffff0d;border-radius:50%;width:270px;height:270px;transition:transform .35s;position:absolute;top:-100px;right:-65px}.section-customers-page .section-customers-heading:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle,#b4cdee29,#0000 68%);border-radius:50%;width:220px;height:220px;transition:transform .35s;position:absolute;bottom:-105px;right:24%}.section-customers-page .section-customers-heading:hover:before{transform:translate(-8px,7px)rotate(4deg)}.section-customers-page .section-customers-heading:hover:after{transform:translate(7px,-5px)scale(1.04)}.section-customers-page .section-customers-heading .operations-btn.primary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#4b76ba,#2f5f9d);border:1px solid #ffffff38;flex:none;min-height:41px;box-shadow:0 8px 18px #132e5238}.section-customers-page .section-customers-heading .operations-btn.primary:hover{color:#fff;background:linear-gradient(135deg,#678ed0,#3b73b9);border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 24px #132e524d}.section-customers-page .section-customers-heading .operations-btn.primary:active{background:linear-gradient(135deg,#244b82,#1c3e6d);transform:translateY(1px)scale(.97)}.section-customers-page .operations-metric{isolation:isolate;min-width:0;min-height:90px;box-shadow:var(--section-shadow-sm);background:linear-gradient(145deg,#fff,#f6f8fb);border:1px solid #dbe4ee;border-radius:13px;padding:14px 15px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.section-customers-page .operations-metric:hover{background:linear-gradient(145deg,#fff,#edf3fa);border-color:#c7d5e5;transform:translateY(-3px);box-shadow:0 13px 26px #1d38551f}.section-customers-page .operations-metric span{color:#6d7e91;letter-spacing:.2px;text-transform:uppercase;font-size:10px;font-weight:700}.section-customers-page .operations-card:before{content:"";background:linear-gradient(180deg, var(--section-blue), #6e86a6);border-radius:0 0 999px;width:4px;height:0;transition:height .22s;position:absolute;top:0;left:0}.section-customers-page .operations-card:hover{box-shadow:var(--section-shadow-md);background:#fff;border-color:#cad6e5;transform:translateY(-3px)}.section-customers-page .operations-card h2{color:var(--section-ink);letter-spacing:-.25px;font-size:19px;font-weight:700}.section-customers-page .operations-card>p,.section-customers-page .operations-inline p{color:var(--section-muted);font-size:13px;line-height:1.5}.section-customers-page .operations-toolbar .operations-search{color:#29425c;background:#fff;border:1px solid #ccd7e4;border-radius:10px;min-height:40px;font-size:12px;transition:border-color .16s,background .16s,box-shadow .16s}.section-customers-page .operations-toolbar .operations-search:hover{background:#fcfdff;border-color:#adc2da}.section-customers-page .operations-toolbar .operations-search:focus{border-color:var(--section-blue);outline:none;box-shadow:0 0 0 3px #3568ad21}.section-customers-page .operations-toolbar>strong{color:#405b73;font-size:12px;font-weight:700}.section-customers-page .operations-table-wrap{scrollbar-width:thin;background:#fff;border:1px solid #dce5f0;border-radius:12px;width:100%;max-width:100%;overflow-x:auto;box-shadow:0 5px 15px #1d38550a}.section-customers-page .operations-table th{z-index:2;color:#586e86;letter-spacing:.35px;text-transform:uppercase;background:linear-gradient(90deg,#edf3f9,#f5f7fa);border-bottom:1px solid #dce5ef;padding:11px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.section-customers-page .operations-table td{color:#294159;background:#fff;border-top:1px solid #edf1f5;padding:11px 12px;font-size:12px;transition:background .15s,color .15s,box-shadow .15s}.section-customers-page .operations-unread td{background:#eef4fb}.section-customers-page .operations-unread td:first-child{box-shadow:inset 4px 0 #3568ad}.section-customers-page a,.section-customers-page .customer-link,.section-customers-page .operations-link{color:var(--section-blue);text-underline-offset:3px;font-weight:700;text-decoration:none;text-decoration-thickness:1.5px;transition:color .16s,text-decoration-color .16s}.section-customers-page a:hover,.section-customers-page .customer-link:hover,.section-customers-page .operations-link:hover{color:#244f89;-webkit-text-decoration:underline #6f8db6;text-decoration:underline #6f8db6}.section-customers-page a:active,.section-customers-page .customer-link:active,.section-customers-page .operations-link:active{color:#16365f;text-decoration-color:#16365f}.section-customers-page .operations-btn{color:#fff;background:linear-gradient(135deg,#718297,#536477);border:1px solid #0000;border-radius:10px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:700;transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 6px 14px #48596c29}.section-customers-page .operations-btn:not(:disabled):hover{color:#fff;background:linear-gradient(135deg,#4d78b9,#375f98);transform:translateY(-2px);box-shadow:0 10px 20px #3568ad3d}.section-customers-page .operations-btn:not(:disabled):active{background:linear-gradient(135deg,#2a4d7e,#1d385f);transform:translateY(1px)scale(.97);box-shadow:0 3px 8px #1d38552e}.section-customers-page .operations-btn.primary{color:#fff;background:linear-gradient(135deg,#3568ad,#4d7fbe);box-shadow:0 7px 16px #3568ad38}.section-customers-page .operations-btn.primary:hover{background:linear-gradient(135deg,#5b8fd0,#3568ad);box-shadow:0 11px 22px #3568ad4a}.section-customers-page .operations-btn.primary:active{background:linear-gradient(135deg,#234e88,#173861)}.section-customers-page .operations-btn.success{color:#fff;background:linear-gradient(135deg,#4e779f,#3568ad)}.section-customers-page .operations-btn.danger{color:#fff;background:linear-gradient(135deg,#8e5864,#6f4650)}.section-customers-page .operations-btn.ghost{color:#fff;background:linear-gradient(135deg,#8d9aaa,#6e7d90)}.section-customers-page .operations-btn.ghost:hover{color:#fff;background:linear-gradient(135deg,#6686b0,#506f99)}@media (width<=1240px){.section-customers-page .section-customers-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.section-customers-page{padding:9px}.section-customers-page .section-customers-heading{border-radius:17px;flex-direction:column;align-items:stretch;padding:18px}.section-customers-page .section-customers-heading .operations-btn{align-self:flex-start}.section-customers-page .section-customers-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.section-customers-page .operations-card:hover,.section-customers-page .operations-metric:hover{transform:none}}@media (width<=480px){.section-customers-page{padding:6px}.section-customers-page .section-customers-heading{border-radius:15px;padding:16px}.section-customers-page .section-customers-heading h1{font-size:21px}.section-customers-page .section-customers-metrics{grid-template-columns:1fr}.section-customers-page .section-customers-heading .operations-btn{width:100%}.section-customers-page .operations-toolbar{flex-direction:column;align-items:stretch}}@media (hover:none){.section-customers-page .section-customers-heading:hover,.section-customers-page .operations-card:hover,.section-customers-page .operations-metric:hover{transform:none}}@media (prefers-reduced-motion:reduce){.section-customers-page *,.section-customers-page :before,.section-customers-page :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.section-customers-page{font-size:15px}.section-customers-page .section-customers-heading{background:radial-gradient(circle at 92% 12%,#e64f5b45 0%,#e64f5b1f 18%,#0000 38%),radial-gradient(circle at 72% 105%,#ff7c5b2b 0%,#0000 34%),radial-gradient(circle at 7% -10%,#5e9dff47 0%,#0000 39%),linear-gradient(118deg,#102b58 0%,#194d91 35%,#2c6db7 67%,#365f96 100%)!important;border:1px solid #75a4e04d!important;border-radius:18px!important;box-shadow:0 20px 46px #12325e40,inset 0 1px #ffffff1f!important}.section-customers-page .section-customers-heading-label{color:#d8eaff!important;letter-spacing:1.45px!important;font-size:11.5px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){color:#f4f9ffe0!important;max-width:880px!important;font-size:15px!important;line-height:1.55!important}.section-customers-page .operations-btn{letter-spacing:.15px;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#2867b2 0%,#174d91 100%)!important;border:1px solid #16457e2e!important;border-radius:6px!important;min-height:41px!important;padding:9px 15px!important;font-size:13.5px!important;font-weight:700!important;box-shadow:0 7px 15px #1a4c8b38!important}.section-customers-page .operations-btn:after{content:"";pointer-events:none;background:#ffffff3b;width:100%;height:2px;position:absolute;top:0;left:0}.section-customers-page .operations-btn:not(:disabled):active{background:linear-gradient(135deg,#173f78,#0f2d58)!important;border-color:#133b72!important;transform:translateY(1px)scale(.965)!important;box-shadow:0 3px 7px #12315b38!important}.section-customers-page .operations-btn.primary,.section-customers-page .section-customers-heading .operations-btn.primary{color:#fff!important;background:linear-gradient(135deg,#397dd1,#1d59a4)!important;border-color:#ffffff38!important;box-shadow:0 8px 18px #0d316045!important}.section-customers-page .operations-btn.primary:active,.section-customers-page .section-customers-heading .operations-btn.primary:active{background:linear-gradient(135deg,#184782,#102f5b)!important}.section-customers-page .operations-btn.success:active{background:linear-gradient(135deg,#155a80,#123e67)!important}.section-customers-page .operations-btn.danger:active{background:linear-gradient(135deg,#922d3e,#681e30)!important}.section-customers-page .operations-btn.ghost{background:linear-gradient(135deg,#7189a7,#536c8d)!important;border-color:#4a648438!important}.section-customers-page .operations-btn.ghost:active{background:linear-gradient(135deg,#3d526f,#293d59)!important}.section-customers-page .operations-metric{border-radius:11px!important;min-height:102px!important;padding:16px 17px!important}.section-customers-page .operations-metric span{font-size:11.5px!important;font-weight:700!important}.section-customers-page .operations-metric:nth-child(4):after{background:#d1596213!important}.section-customers-page .operations-metric:hover{background:linear-gradient(145deg,#fff,#eaf3ff)!important;border-color:#b9cde4!important;box-shadow:0 15px 29px #21538d26!important}.section-customers-page .operations-card{border-radius:12px!important;box-shadow:0 7px 19px #1d385511!important}.section-customers-page .operations-card:hover{border-color:#bfd0e4!important;box-shadow:0 16px 34px #1c416e21!important}.section-customers-page .operations-card:before{background:linear-gradient(#2b6eb9,#d45761)!important}.section-customers-page .operations-card h2{font-size:21px!important}.section-customers-page .operations-card>p,.section-customers-page .operations-inline p{font-size:14px!important}.section-customers-page .operations-toolbar{background:linear-gradient(135deg,#f6f9fd,#edf2f7)!important;border-radius:10px!important;padding:11px!important}.section-customers-page .operations-toolbar .operations-search{min-height:42px!important;font-size:13.5px!important}.section-customers-page .operations-table-wrap{border-radius:10px!important}.section-customers-page .operations-table th{color:#405c79!important;background:linear-gradient(90deg,#e7f0fb,#eef2f7)!important;padding:12px 13px!important;font-size:11.5px!important}.section-customers-page .operations-table tbody tr:hover td{background:linear-gradient(90deg,#e8f2ff 0%,#f4f6f9 72%,#fff1f2 100%)!important}.section-customers-page a,.section-customers-page .customer-link,.section-customers-page .operations-link{border-bottom:1px solid #0000;font-size:13.5px;transition:color .16s,border-color .16s,background .16s;text-decoration:none!important}.section-customers-page a:hover,.section-customers-page .customer-link:hover,.section-customers-page .operations-link:hover{border-bottom-color:#d24f5d;color:#215da2!important;text-decoration:none!important}.section-customers-page a:active,.section-customers-page .customer-link:active,.section-customers-page .operations-link:active{border-bottom-color:#b83749;color:#b83749!important}@media (width<=760px){.section-customers-page .section-customers-heading{background:radial-gradient(circle at 95% 8%,#e64f5b3d,#0000 13rem),linear-gradient(135deg,#102b58 0%,#1f5597 56%,#3973b1 100%)!important}.section-customers-page .section-customers-heading h1{font-size:27px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){font-size:14px!important}}@media (width<=480px){.section-customers-page .section-customers-heading h1{font-size:24px!important}.section-customers-page .operations-btn{min-height:42px!important;font-size:13px!important}.section-customers-page .operations-metric strong{font-size:22px!important}}.section-customers-page{--section-modern-blue:#2f6fbd;--section-modern-blue-dark:#1e4f8c;--section-modern-blue-soft:#edf5ff;--section-modern-green:#168264;--section-modern-green-dark:#0f654e;--section-modern-green-soft:#eaf8f3;--section-modern-red:#c64a59;--section-modern-red-dark:#9f3141;--section-modern-red-soft:#fff0f2;--section-modern-violet:#6658bd;background:radial-gradient(circle at 4% 2%,#2f6fbd13,#0000 21rem),radial-gradient(circle at 97% 25%,#c64a590a,#0000 20rem),linear-gradient(#f8fafc 0%,#f3f6f9 100%)!important;padding:clamp(7px,1vw,13px)!important;font-size:13px!important}.section-customers-page .section-customers-heading{background:radial-gradient(circle at 94% 9%,#e54e5c3d 0%,#e54e5c1a 17%,#0000 36%),radial-gradient(circle at 75% 115%,#ff7e5b1f 0%,#0000 31%),radial-gradient(circle at 5% -10%,#67a8ff3d 0%,#0000 36%),linear-gradient(118deg,#102d59 0%,#1e5595 42%,#3577b9 72%,#476c9a 100%)!important;border-radius:13px!important;gap:12px!important;padding:clamp(13px,1.55vw,18px) clamp(14px,1.8vw,21px)!important;box-shadow:0 10px 25px #12325e2b,inset 0 1px #ffffff1a!important}.section-customers-page .section-customers-heading:before{border-width:32px!important;width:210px!important;height:210px!important;top:-82px!important;right:-52px!important}.section-customers-page .section-customers-heading:after{width:170px!important;height:170px!important;bottom:-92px!important;right:22%!important}.section-customers-page .section-customers-heading:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px #12325e38,0 0 0 1px #e1515b0a,inset 0 1px #ffffff1c!important}.section-customers-page .section-customers-heading-label{letter-spacing:1.15px!important;margin-bottom:3px!important;font-size:8.5px!important}.section-customers-page .section-customers-heading h1{font-size:clamp(21px,2vw,27px)!important;line-height:1.12!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){max-width:820px!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.45!important}.section-customers-page .operations-content{margin-top:9px!important}.section-customers-page .section-customers-metrics{gap:7px!important;margin-bottom:9px!important}.section-customers-page .operations-metric{border-radius:9px!important;min-height:68px!important;padding:9px 10px!important;box-shadow:0 4px 12px #1d38550b!important}.section-customers-page .operations-metric:before{width:3px!important}.section-customers-page .operations-metric:after{width:65px!important;height:65px!important;top:-22px!important;right:-22px!important}.section-customers-page .operations-metric:hover{transform:translateY(-2px)!important;box-shadow:0 8px 17px #21538d1a!important}.section-customers-page .operations-metric:hover:before{width:5px!important}.section-customers-page .operations-metric span{letter-spacing:.16px!important;font-size:8px!important}.section-customers-page .operations-metric strong{margin-top:3px!important;font-size:clamp(15px,1.35vw,18px)!important}.section-customers-page .operations-card{border-radius:10px!important;padding:11px!important;box-shadow:0 4px 13px #1d38550b!important}.section-customers-page .operations-card:hover{border-color:#bfd1e3!important;transform:translateY(-2px)!important;box-shadow:0 9px 20px #1c416e17!important}.section-customers-page .operations-card:hover:before{height:48px!important}.section-customers-page .operations-card h2{margin-top:0!important;margin-bottom:3px!important;font-size:16px!important}.section-customers-page .operations-toolbar{background:radial-gradient(circle at 100%,#2f6fbd0f,#0000 14rem),linear-gradient(135deg,#f8fbff,#f2f6fa)!important;border-radius:9px!important;gap:6px!important;margin:9px 0!important;padding:7px!important;box-shadow:0 3px 10px #1d385506!important}.section-customers-page .operations-toolbar .operations-search{box-shadow:inset 0 1px 2px #15314e06;border-radius:8px!important;min-height:34px!important;padding:6px 10px!important;font-size:9.75px!important}.section-customers-page .operations-toolbar .operations-search:focus{border-color:var(--section-modern-blue)!important;box-shadow:0 0 0 3px #2f6fbd17!important}.section-customers-page .operations-toolbar>strong{background:#edf4fb;border-radius:999px;padding:3px 7px;color:#4d6983!important;font-size:8.5px!important}.section-customers-page .operations-table-wrap{border-radius:9px!important;box-shadow:0 4px 12px #1d385509!important}.section-customers-page .operations-table th{color:#3f5e7c!important;letter-spacing:.3px!important;background:linear-gradient(90deg,#e9f2fb,#f1f5f9)!important;padding:8px 9px!important;font-size:8px!important}.section-customers-page .operations-table td{padding:8px 9px!important;font-size:9.75px!important}.section-customers-page .operations-table tbody tr:hover td{color:#1e3a56!important;background:linear-gradient(90deg,#eaf4ff 0%,#f8fbff 72%,#fff2f3 100%)!important}.section-customers-page .operations-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--section-modern-blue)!important}.section-customers-page .operations-btn{border-radius:7px!important;min-height:31px!important;padding:6px 9px!important;font-size:9px!important;box-shadow:0 4px 10px #1a4c8b21!important}.section-customers-page .operations-btn:after{height:1px!important}.section-customers-page .operations-btn:not(:disabled):hover{color:#fff!important;background:linear-gradient(135deg,#168264,#1e9b76)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 7px 14px #1682642e!important}.section-customers-page .operations-btn.primary,.section-customers-page .section-customers-heading .operations-btn.primary{background:linear-gradient(135deg,#3578c5,#245eaa)!important;min-height:32px!important;padding:6px 10px!important;font-size:9.25px!important}.section-customers-page .operations-btn.primary:hover,.section-customers-page .section-customers-heading .operations-btn.primary:hover{background:linear-gradient(135deg,#168264,#1c9a73)!important;box-shadow:0 7px 15px #16826433!important}.section-customers-page .operations-btn.success:hover{background:linear-gradient(135deg,#3487d3,#2468b3)!important}.section-customers-page .operations-btn.danger{background:linear-gradient(135deg,#c94d5d,#a63445)!important}.section-customers-page .operations-btn.danger:hover{background:linear-gradient(135deg,#e06473,#b93b4e)!important;box-shadow:0 7px 15px #be3a4830!important}.section-customers-page .operations-btn.ghost:hover{background:linear-gradient(135deg,#7062c8,#5654aa)!important}.section-customers-page .operations-btn:not(:disabled):active{transform:translateY(0)scale(.975)!important}.section-customers-page a,.section-customers-page .customer-link,.section-customers-page .operations-link{font-size:9.75px!important}@media (width<=1240px){.section-customers-page .operations-metric{min-height:64px!important}}@media (width<=760px){.section-customers-page{padding:6px!important}.section-customers-page .section-customers-heading{border-radius:11px!important;padding:12px!important}.section-customers-page .section-customers-heading h1{font-size:21px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){font-size:9.5px!important}.section-customers-page .section-customers-heading .operations-btn{align-self:flex-start;width:auto!important}.section-customers-page .operations-card{padding:9px!important}.section-customers-page .operations-toolbar{margin:7px 0!important}}@media (width<=480px){.section-customers-page{padding:4px!important}.section-customers-page .section-customers-heading{padding:10px!important}.section-customers-page .section-customers-heading h1{font-size:19px!important}.section-customers-page .section-customers-metrics{grid-template-columns:1fr!important;gap:5px!important}.section-customers-page .operations-metric{min-height:56px!important;padding:7px 8px!important}.section-customers-page .operations-metric strong{font-size:14px!important}.section-customers-page .operations-toolbar{gap:5px!important;padding:6px!important}.section-customers-page .operations-toolbar .operations-search{min-height:32px!important}.section-customers-page .operations-btn{min-height:30px!important;font-size:8.75px!important}.section-customers-page .section-customers-heading .operations-btn{width:100%!important}}@media (hover:none){.section-customers-page .section-customers-heading:hover,.section-customers-page .operations-card:hover,.section-customers-page .operations-metric:hover,.section-customers-page .operations-btn:hover{transform:none!important}}.section-customers-page{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif!important;font-size:14px!important}.section-customers-page .section-customers-heading{background:radial-gradient(circle at 94% 8%,#6ebeff3d 0%,#6ebeff1a 18%,#0000 38%),radial-gradient(circle at 72% 110%,#458ee02e 0%,#0000 34%),radial-gradient(circle at 6% -10%,#64aaff47 0%,#0000 39%),linear-gradient(118deg,#0f2d5c 0%,#174c91 35%,#276ab5 68%,#3d7fc3 100%)!important;border-color:#6aabeb52!important;box-shadow:0 12px 28px #12325e33,inset 0 1px #ffffff1f!important}.section-customers-page .section-customers-heading:hover{box-shadow:0 16px 34px #12325e40,0 0 0 1px #4b91d612,inset 0 1px #ffffff21!important}.section-customers-page .section-customers-heading-label{color:#d9ecff!important;letter-spacing:1.35px!important;margin-bottom:4px!important;font-size:11px!important;font-weight:700!important}.section-customers-page .section-customers-heading h1{letter-spacing:-.45px!important;font-size:clamp(28px,2.55vw,35px)!important;font-weight:750!important;line-height:1.12!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){color:#f4f9ffe6!important;max-width:880px!important;margin-top:6px!important;font-size:14px!important;line-height:1.5!important}.section-customers-page .operations-metric span{letter-spacing:.15px!important;font-size:11px!important;font-weight:700!important}.section-customers-page .operations-metric strong{letter-spacing:-.25px!important;margin-top:5px!important;font-size:21px!important;font-weight:750!important}.section-customers-page .operations-card h2{letter-spacing:-.2px!important;margin-bottom:4px!important;font-size:19px!important;font-weight:750!important}.section-customers-page .operations-card>p,.section-customers-page .operations-inline p{font-size:13px!important;line-height:1.5!important}.section-customers-page .operations-toolbar .operations-search{font-size:12px!important}.section-customers-page .operations-toolbar>strong{font-size:11px!important}.section-customers-page .operations-table th{font-size:10px!important;font-weight:750!important}.section-customers-page .operations-table td,.section-customers-page a,.section-customers-page .customer-link,.section-customers-page .operations-link{font-size:12px!important}.section-customers-page .operations-btn{font-size:11px!important;font-weight:700!important}.section-customers-page .operations-btn.primary,.section-customers-page .section-customers-heading .operations-btn.primary{font-size:11.5px!important}@media (width<=760px){.section-customers-page .section-customers-heading h1{font-size:25px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){font-size:13px!important}.section-customers-page .operations-metric strong{font-size:19px!important}.section-customers-page .operations-card h2{font-size:18px!important}.section-customers-page .operations-card>p,.section-customers-page .operations-inline p{font-size:12px!important}}@media (width<=480px){.section-customers-page .section-customers-heading h1{font-size:23px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){font-size:12px!important}.section-customers-page .operations-metric strong{font-size:18px!important}}.section-customers-page .section-financial-toolbar,.section-customers-page .section-collapsible-card{background:radial-gradient(circle at 100% 0,#2f6fbd0e,#0000 13rem),linear-gradient(135deg,#fff,#f8fbfe)!important;border:1px solid #ccdbea!important;border-radius:10px!important}.section-customers-page .section-financial-toolbar{padding:11px 12px!important}.section-customers-page .section-financial-toolbar .operations-eyebrow,.section-customers-page .section-collapsible-card .operations-eyebrow{color:#3374b7;letter-spacing:.08em;margin:0 0 3px;font-size:9px;font-weight:800}.section-customers-page .section-financial-toolbar h2,.section-customers-page .section-collapsible-card h2{color:#183d64;margin:0;font-size:17px!important}.section-customers-page .section-financial-toolbar p:not(.operations-eyebrow),.section-customers-page .section-collapsible-card-header p:not(.operations-eyebrow){color:#687e93;max-width:780px;margin:3px 0 0;line-height:1.45;font-size:11px!important}.section-customers-page .section-financial-toolbar-actions{flex-wrap:wrap;flex:none;gap:5px}.section-customers-page .section-financial-toolbar-actions .operations-btn,.section-customers-page .section-collapsible-card-header>.operations-btn{white-space:nowrap;min-height:32px!important;padding:6px 10px!important;font-size:10px!important}.section-customers-page .section-collapsible-card{overflow:hidden;padding:0!important}.section-customers-page .section-collapsible-card-header{align-items:center;gap:12px;padding:11px 12px}.section-customers-page .section-collapsible-body{border-top:1px solid #e1e9f1;padding:0 12px 12px;animation:.18s ease-out sectionCustomerReveal}@keyframes sectionCustomerReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.section-customers-page .section-collapsed-message>div{min-width:0}.section-customers-page .section-collapsed-message strong{color:#36546f;font-size:10.5px;display:block}@media (width<=760px){.section-customers-page .section-financial-toolbar .operations-inline,.section-customers-page .section-collapsible-card-header{flex-direction:column;align-items:stretch}.section-customers-page .section-financial-toolbar-actions{width:100%}.section-customers-page .section-financial-toolbar-actions .operations-btn{flex:150px}.section-customers-page .section-collapsible-card-header>.operations-btn{align-self:flex-start}}@media (width<=480px){.section-customers-page .section-financial-toolbar-actions{flex-direction:column}.section-customers-page .section-financial-toolbar-actions .operations-btn,.section-customers-page .section-collapsible-card-header>.operations-btn{width:100%}.section-customers-page .section-collapsed-message{margin-inline:9px}}@media (prefers-reduced-motion:reduce){.section-customers-page .section-collapsible-body{animation:none}}.section-customers-page .section-customer-review-overlay{z-index:5100!important}.section-customers-page .section-customer-review-card{text-align:center;position:relative;width:min(470px,100%)!important;padding:28px!important}.section-customers-page .section-customer-review-card h2{color:var(--sc-ink);letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(20px,2.4vw,25px)}.section-customers-page .section-customer-review-card>p:not(.operations-eyebrow){max-width:390px;color:var(--sc-muted);margin:0 auto 18px;font-size:12px;line-height:1.55}.section-customers-page .section-customer-review-icon{color:#0d6e55;background:linear-gradient(145deg,#e8fbf3,#cbeedc);border-radius:18px;place-items:center;width:55px;height:55px;margin:0 auto 12px;font-size:27px;font-weight:900;display:grid;box-shadow:0 10px 20px #14856a24}.section-customers-page .section-customer-review-card.reject .section-customer-review-icon{color:#aa3546;background:linear-gradient(145deg,#fff1f2,#ffdfe3);box-shadow:0 10px 20px #c84b5d24}.section-customers-page .section-customer-review-card .operations-field{text-align:left;margin-top:5px;display:block}.section-customers-page .section-customer-review-card textarea{margin-top:6px;min-height:96px!important}.section-customers-page .section-customer-review-actions{justify-content:center;margin-top:17px}@media (width<=560px){.section-customers-page .section-customer-review-card{padding:22px 17px!important}.section-customers-page .section-customer-review-actions{grid-template-columns:1fr;display:grid}}.section-customers-page{--sc-blue-950:#102b4f;--sc-blue-900:#163b6d;--sc-blue-800:#1e5393;--sc-blue-700:#2d6fb7;--sc-blue-600:#3c82c9;--sc-blue-500:#5797d7;--sc-blue-100:#e7f2fd;--sc-blue-050:#f4f9ff;--sc-green-700:#14735b;--sc-green-600:#16856a;--sc-green-100:#e5f6ef;--sc-red-700:#a83a4a;--sc-red-600:#c84b5d;--sc-red-100:#fdecef;--sc-amber-700:#9b641c;--sc-amber-100:#fff4dc;--sc-violet-700:#6257b5;--sc-violet-100:#f0edff;--sc-ink:#173450;--sc-text:#29445e;--sc-muted:#6b7f93;--sc-border:#d8e3ed;--sc-border-strong:#c6d5e4;--sc-surface:#fff;--sc-surface-soft:#f7fafc;--sc-shadow-xs:0 3px 10px #19375409;--sc-shadow-sm:0 6px 18px #1937540e;--sc-shadow-md:0 12px 28px #1937541a;--sc-shadow-lg:0 24px 60px #0e274638;width:100%!important;min-width:0!important;color:var(--sc-text)!important;background:radial-gradient(circle at 4% 0,#347ec71a,#0000 25rem),radial-gradient(circle at 98% 22%,#5297da0e,#0000 24rem),linear-gradient(#f8fbfe 0%,#f2f6fa 52%,#edf3f8 100%)!important;padding:clamp(10px,1.35vw,18px)!important;font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif!important}.section-customers-page *,.section-customers-page :before,.section-customers-page :after{box-sizing:border-box}.section-customers-page .section-customers-heading{isolation:isolate!important;background:radial-gradient(circle at 92% 9%,#7ecdff42 0%,#7ecdff17 19%,#0000 39%),radial-gradient(circle at 70% 118%,#3b8cda33 0%,#0000 36%),radial-gradient(circle at 7% -16%,#70b1ff42 0%,#0000 39%),linear-gradient(118deg,#102c56 0%,#174b88 34%,#2466ad 66%,#3c7fbe 100%)!important;border:1px solid #74b0e64d!important;border-radius:17px!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;min-width:0!important;margin:0!important;padding:clamp(18px,2vw,25px) clamp(18px,2.3vw,28px)!important;transition:transform .18s,box-shadow .18s,border-color .18s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 14px 32px #10376436,inset 0 1px #ffffff1f!important}.section-customers-page .section-customers-heading:before{z-index:-1!important;content:""!important;pointer-events:none!important;border:37px solid #ffffff0e!important;border-radius:50%!important;width:245px!important;height:245px!important;position:absolute!important;top:-100px!important;right:-60px!important}.section-customers-page .section-customers-heading:after{z-index:-1!important;content:""!important;pointer-events:none!important;background:radial-gradient(circle,#6bbeff2e,#458bd012 48%,#0000 70%)!important;border-radius:50%!important;width:220px!important;height:220px!important;position:absolute!important;bottom:-108px!important;right:23%!important}@media (hover:hover) and (pointer:fine){.section-customers-page .section-customers-heading:hover{border-color:#8ac1f061!important;transform:translateY(-2px)!important;box-shadow:0 20px 42px #10376445,inset 0 1px #ffffff21!important}}.section-customers-page .section-customers-heading-copy{min-width:0!important}.section-customers-page .section-customers-heading-label{color:#cfe9ff!important;letter-spacing:1.35px!important;text-transform:uppercase!important;margin:0 0 5px!important;font-size:10.5px!important;font-weight:800!important}.section-customers-page .section-customers-heading h1{color:#fff!important;letter-spacing:-.55px!important;text-shadow:0 2px 10px #091f3a33!important;margin:0!important;font-size:clamp(27px,2.45vw,35px)!important;font-weight:750!important;line-height:1.12!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){color:#f3f9ffe0!important;max-width:900px!important;margin:6px 0 0!important;font-size:13.5px!important;line-height:1.55!important}.section-customers-page .section-customers-heading .operations-btn.primary{color:#fff!important;background:linear-gradient(135deg,#3f88d3,#245fa8)!important;border:1px solid #ffffff40!important;border-radius:9px!important;flex:none!important;min-height:38px!important;padding:8px 13px!important;font-size:11.5px!important;box-shadow:0 8px 18px #0a2c5638!important}.section-customers-page .section-customers-heading .operations-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#16896c,#1fa17d)!important;box-shadow:0 10px 22px #0b4b3b3d!important}.section-customers-page .operations-modal-card.section-customer-review-card{text-align:center;width:min(470px,100%)!important;padding:28px!important}.section-customers-page .operations-modal-card.section-customer-review-card h2{color:var(--sc-ink);letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(20px,2.4vw,25px)}.section-customers-page .operations-modal-card.section-customer-review-card>p:not(.operations-eyebrow){max-width:390px;color:var(--sc-muted);margin:0 auto 18px;font-size:12px;line-height:1.55}.section-customers-page .operations-modal-card.section-customer-review-card .operations-field{text-align:left;margin-top:5px;display:block}.section-customers-page .operations-modal-card.section-customer-review-card textarea{margin-top:6px;min-height:96px!important}.section-customers-page .operations-modal-card.section-customer-review-card .section-customer-review-actions{justify-content:center;margin-top:17px}@media (width<=560px){.section-customers-page .operations-modal-card.section-customer-review-card{padding:22px 17px!important}.section-customers-page .operations-modal-card.section-customer-review-card .section-customer-review-actions{grid-template-columns:1fr;display:grid}}.section-customers-page .operations-content{flex-direction:column!important;gap:11px!important;margin-top:12px!important;display:flex!important}.section-customers-page .operations-content>*{margin-top:0!important;margin-bottom:0!important}.section-customers-page .operations-alert,.section-customers-page .operations-success{box-shadow:var(--sc-shadow-xs)!important;border-radius:10px!important;padding:10px 12px 10px 15px!important;font-size:11.5px!important;font-weight:650!important;line-height:1.45!important;position:relative!important}.section-customers-page .operations-alert{color:#9c3041!important;background:linear-gradient(135deg,#fff4f5,#fdecef)!important;border:1px solid #f0c3ca!important}.section-customers-page .operations-success{color:#14654f!important;background:linear-gradient(135deg,#effaf6,#e7f7f0)!important;border:1px solid #b8dfcf!important}.section-customers-page .section-customers-metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;margin-bottom:0!important;display:grid!important}.section-customers-page .operations-metric{isolation:isolate!important;border:1px solid var(--sc-border)!important;min-width:0!important;min-height:78px!important;box-shadow:var(--sc-shadow-xs)!important;background:linear-gradient(145deg,#fff,#f8fbfd)!important;border-radius:11px!important;padding:11px 12px 10px 14px!important;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s!important;position:relative!important;overflow:hidden!important}.section-customers-page .operations-metric:before{content:""!important;background:var(--sc-blue-700)!important;width:4px!important;transition:width .16s!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.section-customers-page .operations-metric:after{z-index:-1!important;content:""!important;background:#2f6fbd0e!important;border-radius:50%!important;width:82px!important;height:82px!important;position:absolute!important;top:-28px!important;right:-28px!important}.section-customers-page .operations-metric:first-child:before{background:var(--sc-blue-700)!important}.section-customers-page .operations-metric:nth-child(2):before{background:var(--sc-green-600)!important}.section-customers-page .operations-metric:nth-child(2){background:linear-gradient(145deg,#fff,#f0faf6)!important}.section-customers-page .operations-metric:nth-child(3):before{background:#4e82b7!important}.section-customers-page .operations-metric:nth-child(4):before{background:var(--sc-red-600)!important}.section-customers-page .operations-metric:nth-child(4){background:linear-gradient(145deg,#fff,#fff2f4)!important}.section-customers-page .operations-metric:nth-child(5):before{background:var(--sc-blue-950)!important}.section-customers-page .operations-metric span{color:#6a7f93!important;letter-spacing:.15px!important;text-transform:uppercase!important;font-size:10.5px!important;font-weight:750!important;display:block!important}.section-customers-page .operations-metric strong{color:var(--sc-ink)!important;letter-spacing:-.35px!important;margin-top:5px!important;font-size:clamp(18px,1.55vw,22px)!important;font-weight:780!important;display:block!important}@media (hover:hover) and (pointer:fine){.section-customers-page .operations-metric:hover{background:linear-gradient(145deg,#fff,#edf5fd)!important;border-color:#b8cee2!important;transform:translateY(-3px)!important;box-shadow:0 11px 23px #1d4a791c!important}.section-customers-page .operations-metric:hover:before{width:6px!important}}.section-customers-page .operations-card{border:1px solid var(--sc-border)!important;min-width:0!important;box-shadow:var(--sc-shadow-sm)!important;background:linear-gradient(145deg,#fff,#fbfdff)!important;border-radius:13px!important;padding:15px!important;transition:transform .17s,border-color .17s,box-shadow .17s!important;position:relative!important;overflow:hidden!important}.section-customers-page .operations-card:not(.section-customers-heading):before{content:""!important;background:linear-gradient(180deg, var(--sc-blue-700), var(--sc-green-600))!important;border-radius:0 0 999px!important;width:3px!important;height:0!important;transition:height .2s!important;position:absolute!important;top:0!important;left:0!important}@media (hover:hover) and (pointer:fine){.section-customers-page .operations-card:not(.section-customers-heading):hover{box-shadow:var(--sc-shadow-md)!important;border-color:#bfd1e3!important;transform:translateY(-2px)!important}.section-customers-page .operations-card:not(.section-customers-heading):hover:before{height:58px!important}}.section-customers-page .operations-card h2{color:var(--sc-ink)!important;letter-spacing:-.22px!important;margin:0!important;font-size:18px!important;font-weight:760!important}.section-customers-page .operations-card>p,.section-customers-page .operations-inline p{color:var(--sc-muted)!important;margin:4px 0 0!important;font-size:12px!important;line-height:1.5!important}.section-customers-page .operations-inline{justify-content:space-between!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.section-customers-page .operations-card:has(.operations-toolbar){background:radial-gradient(circle at 100% 0,#3a81c30e,#0000 15rem),#fff!important;border-color:#cfddea!important}.section-customers-page .operations-card:has(.operations-toolbar) .operations-inline{padding-bottom:2px!important}.section-customers-page .operations-toolbar{background:radial-gradient(circle at 100%,#2f6fbd0e,#0000 13rem),linear-gradient(135deg,#f9fbfd,#f2f6fa)!important;border:1px solid #dce6ef!important;border-radius:10px!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:11px 0 10px!important;padding:8px!important;display:flex!important;box-shadow:inset 0 1px #ffffffdb,0 3px 9px #1a375306!important}.section-customers-page .operations-toolbar .operations-search{min-width:180px!important;min-height:36px!important;color:var(--sc-text)!important;background:#fff!important;border:1px solid #cbd9e6!important;border-radius:8px!important;outline:none!important;flex:320px!important;padding:7px 11px!important;font-family:inherit!important;font-size:11.5px!important;transition:border-color .15s,box-shadow .15s,background .15s!important}.section-customers-page .operations-toolbar .operations-search::placeholder{color:#93a3b3!important}.section-customers-page .operations-toolbar .operations-search:hover{border-color:#9fbcd7!important}.section-customers-page .operations-toolbar .operations-search:focus{border-color:var(--sc-blue-700)!important;background:#fff!important;box-shadow:0 0 0 3px #2d6fb71a!important}.section-customers-page .operations-toolbar>strong{color:#47657f!important;white-space:nowrap!important;background:#edf4fb!important;border:1px solid #d6e2ed!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-height:29px!important;padding:5px 9px!important;font-size:9.5px!important;font-weight:750!important;display:inline-flex!important}.section-customers-page .operations-table-wrap{scrollbar-width:thin!important;scrollbar-color:#9fb5ca #edf2f7!important;background:#fff!important;border:1px solid #d8e4ef!important;border-radius:10px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;box-shadow:0 4px 12px #19375409!important}.section-customers-page .operations-table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}.section-customers-page .operations-table th{z-index:2!important;color:#405f7c!important;text-align:left!important;letter-spacing:.42px!important;text-transform:uppercase!important;white-space:nowrap!important;background:linear-gradient(#eaf3fc,#e5eef7)!important;border-bottom:1px solid #d5e1ec!important;padding:9px 10px!important;font-size:9px!important;font-weight:800!important;position:sticky!important;top:0!important}.section-customers-page .operations-table td{color:#29445e!important;vertical-align:middle!important;background:#fff!important;border-top:1px solid #edf2f6!important;padding:10px!important;font-size:11px!important;transition:background .14s,color .14s,box-shadow .14s!important}.section-customers-page .operations-table tbody tr:nth-child(2n) td{background:#fbfcfe!important}.section-customers-page .operations-table td strong{color:#203c57!important;font-weight:760!important}.section-customers-page .operations-table td small{color:#73879a!important;font-size:9.25px!important;line-height:1.4!important}.section-customers-page .operations-table .money{text-align:right!important;white-space:nowrap!important}@media (hover:hover) and (pointer:fine){.section-customers-page .operations-table tbody tr:hover td{color:#1f3a55!important;background:linear-gradient(90deg,#eaf4ff 0%,#f7fbff 72%,#f3f8fc 100%)!important}.section-customers-page .operations-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--sc-blue-700)!important}}.section-customers-page .operations-table-wrap::-webkit-scrollbar{height:7px!important}.section-customers-page .operations-table-wrap::-webkit-scrollbar-track{background:#edf2f7!important}.section-customers-page .operations-table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#9fb5ca,#748da7)!important;border-radius:999px!important}.section-customers-page .operations-empty{color:#7c8fa2!important;text-align:center!important;background:linear-gradient(135deg,#fafcfe,#f5f8fb)!important;padding:24px 15px!important;font-size:11px!important;font-style:normal!important}.section-customers-page .operations-status{white-space:nowrap!important;border:1px solid #0000!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-height:23px!important;padding:4px 8px!important;font-size:8.5px!important;font-weight:800!important;display:inline-flex!important}.section-customers-page .operations-status.posted,.section-customers-page .operations-status.approved{background:var(--sc-green-100)!important;color:var(--sc-green-700)!important;border-color:#b8dfcf!important}.section-customers-page .operations-status.pending{background:var(--sc-amber-100)!important;color:var(--sc-amber-700)!important;border-color:#ead3aa!important}.section-customers-page .operations-status.rejected,.section-customers-page .operations-status.cancelled,.section-customers-page .operations-status.canceled{background:var(--sc-red-100)!important;color:var(--sc-red-700)!important;border-color:#f0c3ca!important}.section-customers-page .operations-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#557593,#405d79)!important;border:1px solid #21538929!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:32px!important;padding:6px 10px!important;font-family:inherit!important;font-size:10px!important;font-weight:750!important;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s,color .14s!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 10px #1d446b1f!important}.section-customers-page .operations-btn:after{content:""!important;pointer-events:none!important;background:linear-gradient(120deg,#0000 0%,#ffffff26 48%,#0000 72%)!important;transition:transform .4s!important;position:absolute!important;inset:0!important;transform:translate(-120%)!important}.section-customers-page .operations-btn:hover:not(:disabled):after{transform:translate(120%)!important}.section-customers-page .operations-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f78bf,#235f9f)!important;border-color:#0000!important;transform:translateY(-1px)!important;box-shadow:0 7px 15px #1f5b9533!important}.section-customers-page .operations-btn:active:not(:disabled){transform:translateY(0)scale(.975)!important;box-shadow:0 3px 7px #1d385526!important}.section-customers-page .operations-btn.primary{background:linear-gradient(135deg, var(--sc-blue-700), var(--sc-blue-800))!important;color:#fff!important}.section-customers-page .operations-btn.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--sc-green-600), var(--sc-green-700))!important;box-shadow:0 7px 15px #16856a30!important}.section-customers-page .operations-btn.success{background:linear-gradient(135deg,#16876a,#12684f)!important}.section-customers-page .operations-btn.success:hover:not(:disabled){background:linear-gradient(135deg,#3a88d1,#286ab2)!important}.section-customers-page .operations-btn.danger{background:linear-gradient(135deg, var(--sc-red-600), var(--sc-red-700))!important;border-color:#a83a4a38!important}.section-customers-page .operations-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc6070,#b83b4d)!important;box-shadow:0 7px 15px #be3a4833!important}.section-customers-page .operations-btn.ghost{background:linear-gradient(135deg,#72879d,#586f88)!important}.section-customers-page .operations-btn.ghost:hover:not(:disabled){background:linear-gradient(135deg,#6f64c4,#5652a5)!important}.section-customers-page .operations-btn:disabled{cursor:not-allowed!important;opacity:.46!important;box-shadow:none!important;transform:none!important}.section-customers-page .operations-actions{flex-wrap:wrap!important;align-items:center!important;gap:5px!important;display:flex!important}.section-customers-page .section-financial-toolbar{background:radial-gradient(circle at 95% 10%,#4c96de1c,#0000 13rem),radial-gradient(circle at 3% 120%,#1785690f,#0000 12rem),linear-gradient(135deg,#fff,#f2f8fd)!important;border:1px solid #c8d9e9!important;border-radius:13px!important;padding:13px 14px!important;box-shadow:0 7px 19px #193d5f11!important}.section-customers-page .section-financial-toolbar .operations-eyebrow,.section-customers-page .section-collapsible-card .operations-eyebrow{color:var(--sc-blue-700)!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin:0 0 3px!important;font-size:9px!important;font-weight:800!important}.section-customers-page .section-financial-toolbar h2,.section-customers-page .section-collapsible-card h2{color:var(--sc-ink)!important;font-size:17px!important}.section-customers-page .section-financial-toolbar p:not(.operations-eyebrow),.section-customers-page .section-collapsible-card-header p:not(.operations-eyebrow){max-width:800px!important;color:var(--sc-muted)!important;margin-top:4px!important;font-size:11.5px!important}.section-customers-page .section-financial-toolbar-actions{flex:none!important;gap:6px!important}.section-customers-page .section-financial-toolbar-actions .operations-btn{min-height:34px!important;padding:7px 11px!important;font-size:10.5px!important}.section-customers-page .section-collapsible-card{background:linear-gradient(145deg,#fff,#fafcfe)!important;border:1px solid #d2dfeb!important;border-radius:13px!important;padding:0!important;overflow:hidden!important}.section-customers-page .section-collapsible-card-header{background:linear-gradient(90deg,#eaf4ff99,#fffffff2)!important;align-items:center!important;gap:14px!important;padding:13px 14px!important}.section-customers-page .section-collapsible-card-header>.operations-btn{white-space:nowrap!important;flex:none!important;min-height:33px!important;padding:6px 10px!important;font-size:10px!important}.section-customers-page .section-collapsible-body{background:#fff!important;border-top:1px solid #e1e9f0!important;padding:11px 13px 13px!important;animation:.2s ease-out sectionCustomerPremiumReveal!important}@keyframes sectionCustomerPremiumReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.section-customers-page .section-collapsible-body .operations-table-wrap{margin-top:0!important}.section-customers-page .section-collapsed-message{color:#5f768c!important;background:linear-gradient(135deg,#f5f9fd,#edf4fa)!important;border:1px dashed #b9cee1!important;border-radius:9px!important;align-items:center!important;gap:10px!important;margin:0 13px 13px!important;padding:10px 11px!important;display:flex!important}.section-customers-page .section-collapsed-message>span{background:linear-gradient(135deg,#e2effc,#edf6ff)!important;border-radius:9px!important;flex:0 0 35px!important;place-items:center!important;width:35px!important;height:35px!important;font-size:15px!important;display:grid!important}.section-customers-page .section-collapsed-message.payments{background:linear-gradient(135deg,#f2faf7,#eaf6f1)!important;border-color:#b8d9cb!important}.section-customers-page .section-collapsed-message.payments>span{background:linear-gradient(135deg,#dff3ea,#ebf8f3)!important}.section-customers-page .section-collapsed-message strong{color:#35516c!important;font-size:11px!important;font-weight:750!important;display:block!important}.section-customers-page .section-collapsed-message small{color:#71869a!important;margin-top:2px!important;font-size:9.5px!important;display:block!important}.section-customers-page .operations-modal{z-index:5000!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0b1b2fab!important;justify-content:center!important;align-items:center!important;padding:18px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.section-customers-page .operations-modal-card{width:min(820px,100%)!important;max-height:calc(100vh - 36px)!important;box-shadow:var(--sc-shadow-lg)!important;background:radial-gradient(circle at 100% 0,#4997e012,#0000 15rem),#fff!important;border:1px solid #ffffff94!important;border-radius:15px!important;padding:17px!important;animation:.2s ease-out sectionCustomerModalIn!important;overflow-y:auto!important}@keyframes sectionCustomerModalIn{0%{opacity:0;transform:translateY(10px)scale(.988)}to{opacity:1;transform:translateY(0)scale(1)}}.section-customers-page .operations-modal-card>.operations-inline{border-bottom:1px solid #e3ebf2!important;padding-bottom:11px!important}.section-customers-page .operations-eyebrow{color:var(--sc-blue-700)!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:9px!important;font-weight:800!important}.section-customers-page .operations-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;margin-top:13px!important;display:grid!important}.section-customers-page .operations-field{min-width:0!important}.section-customers-page .operations-field.span-all,.section-customers-page .span-all{grid-column:1/-1!important}.section-customers-page .operations-field label,.section-customers-page label.operations-field{color:#344f68!important;font-size:10px!important;font-weight:750!important}.section-customers-page .operations-field>label{margin-bottom:5px!important;display:block!important}.section-customers-page .operations-field input,.section-customers-page .operations-field select,.section-customers-page .operations-field textarea{width:100%!important;min-height:37px!important;color:var(--sc-text)!important;background:#fff!important;border:1px solid #cbd8e4!important;border-radius:8px!important;outline:none!important;padding:8px 10px!important;font-family:inherit!important;font-size:11px!important;transition:border-color .15s,box-shadow .15s,background .15s!important}.section-customers-page .operations-field textarea{resize:vertical!important;min-height:86px!important}.section-customers-page .operations-field input:hover,.section-customers-page .operations-field select:hover,.section-customers-page .operations-field textarea:hover{border-color:#9fb8cf!important}.section-customers-page .operations-field input:focus,.section-customers-page .operations-field select:focus,.section-customers-page .operations-field textarea:focus{border-color:var(--sc-blue-700)!important;background:#fff!important;box-shadow:0 0 0 3px #2d6fb71a!important}.section-customers-page .operations-check{background:#f8fbfd!important;border:1px solid #d9e4ee!important;border-radius:8px!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:8px 10px!important;display:flex!important}.section-customers-page .operations-check input[type=checkbox]{width:16px!important;height:16px!important;min-height:0!important;accent-color:var(--sc-blue-700)!important;margin:0!important}.section-customers-page a,.section-customers-page .customer-link,.section-customers-page .operations-link{color:var(--sc-blue-700)!important;border-bottom:1px solid #0000!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;transition:color .14s,border-color .14s!important}.section-customers-page a:hover,.section-customers-page .customer-link:hover,.section-customers-page .operations-link:hover{color:var(--sc-blue-900)!important;border-bottom-color:var(--sc-blue-500)!important}.section-customers-page button:focus-visible,.section-customers-page input:focus-visible,.section-customers-page select:focus-visible,.section-customers-page textarea:focus-visible,.section-customers-page a:focus-visible{outline-offset:2px!important;outline:3px solid #2d6fb72e!important}@media (width<=1240px){.section-customers-page .section-customers-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=900px){.section-customers-page{padding:9px!important}.section-customers-page .section-customers-heading{align-items:flex-start!important;padding:17px!important}.section-customers-page .operations-card{padding:13px!important}.section-customers-page .section-collapsible-card{padding:0!important}}@media (width<=760px){.section-customers-page{padding:7px!important}.section-customers-page .section-customers-heading{border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:15px!important}.section-customers-page .section-customers-heading .operations-btn.primary{align-self:flex-start!important}.section-customers-page .section-customers-heading h1{font-size:25px!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){font-size:12.5px!important}.section-customers-page .section-customers-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-customers-page .operations-inline,.section-customers-page .section-collapsible-card-header{flex-direction:column!important;align-items:stretch!important}.section-customers-page .section-financial-toolbar-actions{width:100%!important}.section-customers-page .section-financial-toolbar-actions .operations-btn{flex:150px!important}.section-customers-page .section-collapsible-card-header>.operations-btn{align-self:flex-start!important}.section-customers-page .operations-form{grid-template-columns:1fr!important}.section-customers-page .operations-field.span-all,.section-customers-page .span-all{grid-column:auto!important}}@media (width<=480px){.section-customers-page{padding:5px!important}.section-customers-page .section-customers-heading{border-radius:12px!important;padding:13px!important}.section-customers-page .section-customers-heading h1{font-size:22px!important}.section-customers-page .section-customers-heading .operations-btn.primary{width:100%!important}.section-customers-page .section-customers-metrics{grid-template-columns:1fr!important;gap:6px!important}.section-customers-page .operations-metric{min-height:66px!important;padding:9px 10px 9px 13px!important}.section-customers-page .operations-metric strong{font-size:18px!important}.section-customers-page .operations-card{border-radius:10px!important;padding:10px!important}.section-customers-page .section-collapsible-card{padding:0!important}.section-customers-page .section-financial-toolbar-actions{flex-direction:column!important}.section-customers-page .section-financial-toolbar-actions .operations-btn,.section-customers-page .section-collapsible-card-header>.operations-btn{width:100%!important}.section-customers-page .section-collapsed-message{margin:0 9px 9px!important}.section-customers-page .operations-modal{align-items:flex-start!important;padding:6px!important}.section-customers-page .operations-modal-card{border-radius:11px!important;max-height:calc(100vh - 12px)!important;padding:12px!important}}@media (hover:none){.section-customers-page .section-customers-heading:hover,.section-customers-page .operations-card:hover,.section-customers-page .operations-metric:hover,.section-customers-page .operations-btn:hover{transform:none!important}}@media (prefers-reduced-motion:reduce){.section-customers-page *,.section-customers-page :before,.section-customers-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.section-customers-page *{scrollbar-width:thin!important;scrollbar-color:#97aec4 #edf2f7!important}.section-customers-page ::-webkit-scrollbar{width:7px!important;height:7px!important}.section-customers-page ::-webkit-scrollbar-track{background:#edf2f7!important}.section-customers-page ::-webkit-scrollbar-thumb{background:linear-gradient(#9bb2c7,#708aa4)!important;border-radius:999px!important}.section-customers-page ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7891aa,#536d87)!important}.section-customers-page .section-customers-heading-label{color:#fff!important;opacity:.96!important;text-shadow:0 1px 4px #0419346b!important}.section-customers-page .section-customers-heading h1{color:#fff!important;text-shadow:0 2px 10px #0417306b,0 1px 2px #00000038!important}.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){color:#fff!important;opacity:.95!important;text-shadow:0 1px 5px #0417305c!important}.section-customers-page .section-customers-heading .operations-btn,.section-customers-page .section-customers-heading .operations-btn.primary,.section-customers-page .section-customers-heading .operations-btn *{color:#fff!important}.section-customers-page .section-customers-heading{color:#fff!important;background:radial-gradient(circle at 88% 12%,#70b4ff38 0%,#0000 28%),radial-gradient(circle at 12% 0,#5699e62e 0%,#0000 30%),linear-gradient(120deg,#0d2f5f 0%,#164b8f 34%,#2166b0 68%,#2f79c4 100%)!important;border:1px solid #2d69aa!important;box-shadow:0 14px 32px #0d2f5f42,inset 0 1px #ffffff1f!important}.section-customers-page .section-customers-heading:before{border-color:#ffffff12!important}.section-customers-page .section-customers-heading:after{background:radial-gradient(circle,#5aaaff33,#5aaaff12 48%,#0000 70%)!important}.section-customers-page .section-customers-heading,.section-customers-page .section-customers-heading *,.section-customers-page .section-customers-heading-label,.section-customers-page .section-customers-heading h1,.section-customers-page .section-customers-heading p:not(.section-customers-heading-label){color:#fff!important}.section-customers-page .section-customers-heading .operations-btn.primary{color:#fff!important;background:linear-gradient(135deg,#4c95df,#2a69b5)!important;border-color:#ffffff47!important}.section-customers-page .section-customers-heading .operations-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1b9a75,#13755a)!important}:root{--supplier-primary:#0f766e;--supplier-primary-dark:#115e59;--supplier-primary-light:#ccfbf1;--supplier-blue:#2563eb;--supplier-blue-light:#dbeafe;--supplier-green:#16a34a;--supplier-green-light:#dcfce7;--supplier-orange:#ea580c;--supplier-orange-light:#ffedd5;--supplier-purple:#7c3aed;--supplier-purple-light:#ede9fe;--supplier-red:#dc2626;--supplier-red-light:#fee2e2;--supplier-dark:#0f172a;--supplier-text:#1e293b;--supplier-muted:#64748b;--supplier-border:#e2e8f0;--supplier-border-dark:#cbd5e1;--supplier-bg:#f8fafc;--supplier-white:#fff;--supplier-radius-sm:8px;--supplier-radius-md:12px;--supplier-radius-lg:16px;--supplier-radius-xl:20px;--supplier-shadow-sm:0 1px 3px #0f172a14;--supplier-shadow-md:0 10px 30px #0f172a17;--supplier-shadow-lg:0 24px 70px #0f172a38}.suppliers-page{box-sizing:border-box;min-height:100vh;color:var(--supplier-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.suppliers-container{width:100%;max-width:1800px;margin:0 auto}.suppliers-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.suppliers-eyebrow{color:var(--supplier-primary);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:900}.suppliers-header h1{color:var(--supplier-dark);letter-spacing:-.7px;margin:5px 0 8px;font-size:34px;font-weight:800;line-height:1.15}.suppliers-header p{max-width:760px;color:var(--supplier-muted);margin:0;font-size:14px;line-height:1.65}.supplier-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.supplier-primary-btn,.supplier-secondary-btn,.supplier-action-view,.supplier-action-edit,.supplier-action-danger,.supplier-action-success,.supplier-action-delete{cursor:pointer;font-family:inherit;font-weight:800;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,opacity .15s,filter .15s}.supplier-primary-btn,.supplier-secondary-btn{border-radius:var(--supplier-radius-sm);min-height:42px;padding:10px 16px;font-size:13px}.supplier-primary-btn{border:1px solid var(--supplier-primary);background:var(--supplier-primary);color:#fff}.supplier-primary-btn:hover{background:var(--supplier-primary-dark);border-color:var(--supplier-primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #0f766e2e}.supplier-secondary-btn{border:1px solid var(--supplier-border-dark);color:var(--supplier-text);background:#fff}.supplier-secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.supplier-primary-btn:disabled,.supplier-secondary-btn:disabled,.supplier-action-view:disabled,.supplier-action-edit:disabled,.supplier-action-danger:disabled,.supplier-action-success:disabled,.supplier-action-delete:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.supplier-alert{border-radius:var(--supplier-radius-md);border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.supplier-alert-success{color:#166534;background:var(--supplier-green-light);border-color:#86efac}.supplier-alert-error{color:#991b1b;background:var(--supplier-red-light);border-color:#fca5a5}.supplier-alert-icon{background:#ffffffd1;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex}.supplier-alert-content{flex-direction:column;flex:1;gap:3px;display:flex}.supplier-alert-content strong{font-size:13px}.supplier-alert-content span{font-size:13px;line-height:1.55}.supplier-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:22px}.supplier-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.supplier-summary-card{border:1px solid var(--supplier-border);border-radius:var(--supplier-radius-md);min-height:100px;box-shadow:var(--supplier-shadow-sm);background:#fff;align-items:center;gap:13px;padding:17px;display:flex}.supplier-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-summary-card span{color:var(--supplier-muted);font-size:10px;font-weight:700;line-height:1.35}.supplier-summary-card strong{color:var(--supplier-dark);font-size:18px;font-weight:800;line-height:1.25}.supplier-summary-icon{border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:900;display:flex}.supplier-summary-icon.blue{color:var(--supplier-blue);background:var(--supplier-blue-light)}.supplier-summary-icon.green{color:var(--supplier-green);background:var(--supplier-green-light)}.supplier-summary-icon.orange{color:var(--supplier-orange);background:var(--supplier-orange-light)}.supplier-summary-icon.purple{color:var(--supplier-purple);background:var(--supplier-purple-light)}.supplier-filter-card{border:1px solid var(--supplier-border);border-radius:var(--supplier-radius-md);box-shadow:var(--supplier-shadow-sm);background:#fff;grid-template-columns:minmax(320px,2fr) minmax(190px,1fr) auto;align-items:end;gap:13px;margin-bottom:20px;padding:17px;display:grid}.supplier-filter{min-width:0}.supplier-filter label{color:var(--supplier-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-filter input,.supplier-filter select,.supplier-form-group input,.supplier-form-group textarea{box-sizing:border-box;border:1px solid var(--supplier-border-dark);width:100%;color:var(--supplier-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.supplier-filter input,.supplier-filter select,.supplier-form-group input{min-height:42px;padding:10px 11px}.supplier-search-wrapper{position:relative}.supplier-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.supplier-search-wrapper input{padding-left:38px}.supplier-filter input:focus,.supplier-filter select:focus,.supplier-form-group input:focus,.supplier-form-group textarea:focus{border-color:var(--supplier-primary);box-shadow:0 0 0 3px #0f766e1a}.supplier-filter-result{color:var(--supplier-muted);white-space:nowrap;align-self:center;padding:0 6px;font-size:12px;font-weight:800}.supplier-card{border:1px solid var(--supplier-border);border-radius:var(--supplier-radius-lg);box-shadow:var(--supplier-shadow-sm);background:#fff;overflow:hidden}.supplier-card-header{border-bottom:1px solid var(--supplier-border);padding:20px 22px}.supplier-card-header h2{color:var(--supplier-dark);margin:0 0 5px;font-size:18px}.supplier-card-header p{color:var(--supplier-muted);margin:0;font-size:12px}.supplier-table-wrapper{width:100%;overflow-x:auto}.supplier-table{border-collapse:collapse;width:100%;min-width:1250px}.supplier-table th{border-bottom:1px solid var(--supplier-border);color:#475569;text-align:left;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:9px;font-weight:900}.supplier-table td{color:var(--supplier-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px;font-size:12px}.supplier-table tbody tr:hover{background:#f8fafc}.supplier-main{align-items:center;gap:10px;display:flex}.supplier-avatar{background:var(--supplier-primary-light);width:38px;height:38px;color:var(--supplier-primary-dark);border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.supplier-main>div:last-child,.supplier-contact,.supplier-location,.supplier-company{flex-direction:column;gap:3px;display:flex}.supplier-main strong{color:var(--supplier-dark);font-size:12px}.supplier-main small,.supplier-contact small,.supplier-location small{color:var(--supplier-muted);font-size:10px}.supplier-contact span,.supplier-location span{color:var(--supplier-text);font-size:11px;font-weight:700}.supplier-company strong{color:var(--supplier-text);font-size:11px}.supplier-terms-badge{background:var(--supplier-purple-light);color:#6d28d9;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.supplier-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.supplier-status.active{color:#166534;background:var(--supplier-green-light)}.supplier-status.inactive{color:#991b1b;background:var(--supplier-red-light)}.supplier-actions{flex-wrap:wrap;gap:6px;display:flex}.supplier-action-view,.supplier-action-edit,.supplier-action-danger,.supplier-action-success,.supplier-action-delete{white-space:nowrap;border:0;border-radius:7px;min-height:30px;padding:7px 10px;font-size:10px}.supplier-action-view{color:#1d4ed8;background:var(--supplier-blue-light)}.supplier-action-edit{color:#6d28d9;background:var(--supplier-purple-light)}.supplier-action-danger{color:#c2410c;background:var(--supplier-orange-light)}.supplier-action-success{color:#166534;background:var(--supplier-green-light)}.supplier-action-delete{color:#b91c1c;background:var(--supplier-red-light)}.supplier-action-view:hover,.supplier-action-edit:hover,.supplier-action-danger:hover,.supplier-action-success:hover,.supplier-action-delete:hover{filter:brightness(.97);transform:translateY(-1px)}.supplier-loading{min-height:300px;color:var(--supplier-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.supplier-spinner{border:3px solid #dbe4ec;border-top-color:var(--supplier-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite supplier-spin}@keyframes supplier-spin{to{transform:rotate(360deg)}}.supplier-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:45px 20px;display:flex}.supplier-empty-icon{background:#f1f5f9;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:29px;display:flex}.supplier-empty h3{color:var(--supplier-dark);margin:0 0 7px;font-size:18px}.supplier-empty p{max-width:500px;color:var(--supplier-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.supplier-access-denied{border:1px solid var(--supplier-border);max-width:620px;box-shadow:var(--supplier-shadow-md);text-align:center;background:#fff;border-radius:18px;margin:110px auto;padding:45px 30px}.supplier-denied-icon{background:var(--supplier-red-light);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:30px;display:flex}.supplier-access-denied h1{color:var(--supplier-dark);margin:0 0 10px;font-size:25px}.supplier-access-denied p{color:var(--supplier-muted);margin:0 0 8px;line-height:1.6}.supplier-access-denied span{color:var(--supplier-muted);font-size:13px}.supplier-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.supplier-modal{border-radius:var(--supplier-radius-xl);width:min(1000px,100%);max-height:calc(100vh - 48px);box-shadow:var(--supplier-shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.supplier-details-modal{width:min(1050px,100%)}.supplier-modal-header{border-bottom:1px solid var(--supplier-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.supplier-modal-eyebrow{color:var(--supplier-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:900}.supplier-modal-header h2{color:var(--supplier-dark);margin:5px 0;font-size:22px;line-height:1.25}.supplier-modal-header p{color:var(--supplier-muted);margin:0;font-size:13px;line-height:1.5}.supplier-modal-close{border:1px solid var(--supplier-border);width:38px;height:38px;color:var(--supplier-muted);cursor:pointer;background:#fff;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;font-size:23px;display:flex}.supplier-modal-close:hover{color:var(--supplier-dark);background:#f8fafc}.supplier-form{flex:1;overflow-y:auto}.supplier-form-section{border-bottom:1px solid var(--supplier-border);padding:21px 24px}.supplier-form-section-title{color:var(--supplier-dark);margin-bottom:15px;font-size:15px;font-weight:800}.supplier-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.supplier-form-group{min-width:0}.supplier-form-group.full{grid-column:1/-1}.supplier-form-group label{color:var(--supplier-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-form-group textarea{resize:vertical;min-height:100px;padding:11px 12px}.supplier-form-group small{color:var(--supplier-muted);margin-top:5px;font-size:10px;display:block}.supplier-checkbox-label{color:var(--supplier-text);cursor:pointer;align-items:center;gap:9px;margin-top:16px;font-size:12px;font-weight:700;display:inline-flex}.supplier-checkbox-label input{width:17px;height:17px;accent-color:var(--supplier-primary);cursor:pointer}.supplier-modal-footer{border-top:1px solid var(--supplier-border);background:#fafcff;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:16px 24px;display:flex}.supplier-details-content{flex:1;padding:22px 24px;overflow-y:auto}.supplier-details-profile{border:1px solid var(--supplier-border);background:#fafcff;border-radius:12px;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:flex}.supplier-details-avatar{background:var(--supplier-primary-light);width:52px;height:52px;color:var(--supplier-primary-dark);border-radius:15px;flex:0 0 52px;justify-content:center;align-items:center;font-size:19px;font-weight:900;display:flex}.supplier-details-profile>div:nth-child(2){flex:1;min-width:0}.supplier-details-profile h3{color:var(--supplier-dark);margin:0 0 4px;font-size:17px}.supplier-details-profile>div:nth-child(2) span{color:var(--supplier-muted);font-size:11px}.supplier-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.supplier-details-box{border:1px solid var(--supplier-border);background:#fff;border-radius:10px;min-width:0;padding:14px}.supplier-details-box.full{grid-column:1/-1}.supplier-details-box>span{color:var(--supplier-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-details-box>strong{color:var(--supplier-dark);overflow-wrap:anywhere;font-size:12px;line-height:1.55;display:block}.supplier-payment-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.supplier-payment-card>div{background:#f0fdfa;border:1px solid #99f6e4;border-radius:11px;padding:15px}.supplier-payment-card span{color:var(--supplier-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-payment-card strong{color:var(--supplier-primary-dark);font-size:14px}.supplier-notes-box{background:#fafcff}.supplier-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.supplier-form::-webkit-scrollbar{width:8px;height:8px}.supplier-details-content::-webkit-scrollbar{width:8px;height:8px}.supplier-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.supplier-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.supplier-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.supplier-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.supplier-form::-webkit-scrollbar-track{background:#f8fafc}.supplier-details-content::-webkit-scrollbar-track{background:#f8fafc}@media (width<=1300px){.supplier-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-filter-card{grid-template-columns:minmax(280px,1fr) minmax(180px,.7fr) auto}.supplier-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.suppliers-page{padding:18px}.suppliers-header{flex-direction:column}.supplier-header-actions{justify-content:flex-start}.supplier-filter-card{grid-template-columns:1fr 1fr}.supplier-filter.search-filter{grid-column:1/-1}.supplier-form-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.suppliers-page{padding:12px}.suppliers-header h1{font-size:28px}.supplier-summary-grid,.supplier-filter-card,.supplier-form-grid,.supplier-details-grid,.supplier-payment-card{grid-template-columns:1fr}.supplier-filter.search-filter{grid-column:auto}.supplier-modal-overlay{padding:8px}.supplier-modal{border-radius:14px;max-height:calc(100vh - 16px)}.supplier-modal-header{padding:17px}.supplier-form-section,.supplier-details-content{padding-left:16px;padding-right:16px}.supplier-modal-footer{justify-content:stretch;padding:14px 16px}.supplier-modal-footer>button{flex:1}.supplier-header-actions{width:100%}.supplier-header-actions>button{flex:1}.supplier-details-profile{flex-wrap:wrap;align-items:flex-start}.supplier-details-profile .supplier-status{margin-left:auto}.supplier-details-box.full{grid-column:auto}}@media print{.suppliers-page{background:#fff;padding:0}.supplier-header-actions,.supplier-filter-card,.supplier-summary-grid,.supplier-actions,.supplier-modal-overlay,.supplier-alert{display:none!important}.supplier-card{box-shadow:none;border:0}}:root{--po-primary:#2563eb;--po-primary-dark:#1d4ed8;--po-primary-light:#eff6ff;--po-refresh:#334155;--po-refresh-dark:#1e293b;--po-success:#16a34a;--po-success-dark:#15803d;--po-success-light:#f0fdf4;--po-warning:#d97706;--po-warning-dark:#b45309;--po-warning-light:#fffbeb;--po-indigo:#4f46e5;--po-indigo-dark:#4338ca;--po-indigo-light:#eef2ff;--po-danger:#dc2626;--po-danger-dark:#b91c1c;--po-danger-light:#fef2f2;--po-purple:#7c3aed;--po-dark:#172033;--po-text:#273449;--po-muted:#64748b;--po-light:#94a3b8;--po-bg:#f5f7fb;--po-white:#fff;--po-border:#e2e8f0;--po-border-dark:#cbd5e1;--po-radius-sm:8px;--po-radius-md:12px;--po-radius-lg:16px;--po-radius-xl:20px;--po-shadow-sm:0 2px 8px #0f172a0d;--po-shadow-md:0 10px 30px #0f172a14;--po-shadow-lg:0 22px 65px #0f172a33;--po-transition:all .2s ease}.purchase-orders-page{width:100%;min-height:100vh;color:var(--po-text);background:linear-gradient(#f8fafc 0%,#f4f7fb 50%,#eef2f7 100%);overflow:hidden auto}.purchase-orders-container{box-sizing:border-box;width:100%;max-width:1750px;margin:0 auto;padding:28px 30px 80px}.po-access-denied{text-align:center;border:1px solid var(--po-border);border-radius:var(--po-radius-xl);min-height:430px;box-shadow:var(--po-shadow-md);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px;display:flex}.po-denied-icon{background:var(--po-danger-light);border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:20px;font-size:34px;display:flex}.po-access-denied h1{color:var(--po-dark);margin:0 0 10px;font-size:28px;font-weight:900}.po-access-denied p{color:var(--po-muted);margin:0 0 7px;font-size:15px}.po-access-denied span{color:var(--po-light);font-size:13px}.po-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:24px;display:flex}.po-eyebrow{color:var(--po-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.po-header h1{color:var(--po-dark);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.05}.po-header p{max-width:720px;color:var(--po-muted);margin:10px 0 0;font-size:15px;line-height:1.65}.po-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.po-header-actions button{min-width:125px}.po-primary-btn,.po-secondary-btn,.po-view-btn,.po-edit-btn,.po-submit-btn,.po-approve-btn,.po-return-btn,.po-reject-btn,.po-cancel-btn,.po-delete-btn,.po-add-line-btn,.po-remove-line-btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:850;line-height:1;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s;display:inline-flex}.po-primary-btn:disabled,.po-secondary-btn:disabled,.po-view-btn:disabled,.po-edit-btn:disabled,.po-submit-btn:disabled,.po-approve-btn:disabled,.po-return-btn:disabled,.po-reject-btn:disabled,.po-cancel-btn:disabled,.po-delete-btn:disabled,.po-add-line-btn:disabled,.po-remove-line-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.po-primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border:1px solid #2563eb;box-shadow:0 7px 18px #2563eb38}.po-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 10px 25px #2563eb4d}.po-header-actions .po-secondary-btn{color:#fff;background:linear-gradient(135deg,#475569 0%,#334155 100%);border:1px solid #475569;box-shadow:0 6px 15px #33415533}.po-header-actions .po-secondary-btn:hover:not(:disabled){background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 10px 22px #0f172a40}.po-modal-footer .po-secondary-btn{color:#334155;background:#fff;border:1px solid #cbd5e1}.po-modal-footer .po-secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.po-view-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.po-view-btn:hover:not(:disabled){color:#1e40af;background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.po-edit-btn{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.po-edit-btn:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b;transform:translateY(-1px)}.po-submit-btn{color:#3730a3;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe}.po-submit-btn:hover:not(:disabled){background:#e0e7ff;border-color:#818cf8;transform:translateY(-1px)}.po-approve-btn{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.po-approve-btn:hover:not(:disabled){background:#dcfce7;border-color:#4ade80;transform:translateY(-1px)}.po-return-btn{color:#075985;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.po-return-btn:hover:not(:disabled){background:#e0f2fe;border-color:#38bdf8;transform:translateY(-1px)}.po-reject-btn{color:#9f1239;background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3}.po-reject-btn:hover:not(:disabled){background:#ffe4e6;border-color:#fb7185;transform:translateY(-1px)}.po-cancel-btn{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.po-cancel-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.po-delete-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #dc2626;box-shadow:0 5px 14px #dc262629}.po-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.po-add-line-btn{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.po-add-line-btn:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.po-remove-line-btn{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;width:35px;height:35px;min-height:35px;padding:0;font-size:20px}.po-remove-line-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.po-alert{box-shadow:var(--po-shadow-sm);border:1px solid;border-radius:14px;align-items:flex-start;gap:13px;margin-bottom:20px;padding:15px 17px;display:flex}.po-alert>div:not(.po-alert-icon){flex:1;min-width:0}.po-alert strong,.po-alert span{display:block}.po-alert strong{margin-bottom:3px;font-size:13px;font-weight:900}.po-alert span{word-break:break-word;font-size:13px;line-height:1.5}.po-alert-icon{border-radius:9px;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:flex}.po-alert>button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:20px}.po-alert-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.po-alert-success .po-alert-icon{background:#dcfce7}.po-alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.po-alert-error .po-alert-icon{background:#fee2e2}.po-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.po-summary-card{border:1px solid var(--po-border);border-radius:var(--po-radius-lg);min-height:112px;box-shadow:var(--po-shadow-sm);background:#fff;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.po-summary-card:hover{box-shadow:var(--po-shadow-md);transform:translateY(-2px)}.po-summary-icon{border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:13px;font-weight:900;display:flex}.po-summary-icon.blue{color:#1d4ed8;background:#eff6ff}.po-summary-icon.orange{color:#b45309;background:#fffbeb}.po-summary-icon.purple{color:#6d28d9;background:#f5f3ff}.po-summary-icon.green{color:#15803d;background:#f0fdf4}.po-summary-icon.dark{color:#334155;background:#f1f5f9}.po-summary-card span{color:var(--po-muted);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.po-summary-card strong{color:var(--po-dark);overflow-wrap:anywhere;font-size:20px;font-weight:900;display:block}.po-filter-card{border:1px solid var(--po-border);border-radius:var(--po-radius-lg);box-shadow:var(--po-shadow-sm);background:#fff;grid-template-columns:minmax(280px,1.5fr) minmax(160px,.8fr) minmax(180px,.9fr) auto auto;align-items:end;gap:12px;margin-bottom:20px;padding:17px;display:grid}.po-filter{min-width:0}.po-filter label{color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.po-filter input,.po-filter select{box-sizing:border-box;border:1px solid var(--po-border-dark);width:100%;min-height:42px;color:var(--po-dark);font:inherit;background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.po-filter input:focus,.po-filter select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.po-search-wrapper{position:relative}.po-search-wrapper span{color:var(--po-light);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.po-search-wrapper input{border:1px solid var(--po-border-dark);background:#fff;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px 10px 38px}.po-search-wrapper input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.po-filter-result{border:1px solid var(--po-border);color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;align-self:center;padding:9px 11px;font-size:12px;font-weight:850}.po-card{border:1px solid var(--po-border);border-radius:var(--po-radius-xl);box-shadow:var(--po-shadow-md);background:#fff;margin-bottom:30px;overflow:hidden}.po-card-header{border-bottom:1px solid var(--po-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.po-card-header h2{color:var(--po-dark);margin:0;font-size:19px;font-weight:900}.po-card-header p{color:var(--po-muted);margin:5px 0 0;font-size:13px}.po-card-header>span{border:1px solid var(--po-border);color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;min-height:29px;padding:0 11px;font-size:12px;font-weight:850;display:inline-flex}.po-loading{min-height:280px;color:var(--po-muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:14px;display:flex}.po-spinner{border:4px solid #dbeafe;border-top-color:var(--po-primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite po-spin}@keyframes po-spin{to{transform:rotate(360deg)}}.po-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:35px 20px;display:flex}.po-empty-icon{background:#f8fafc;border-radius:18px;justify-content:center;align-items:center;width:67px;height:67px;margin-bottom:16px;font-size:30px;display:flex}.po-empty h3{color:var(--po-dark);margin:0 0 7px;font-size:17px;font-weight:900}.po-empty p{max-width:500px;color:var(--po-muted);margin:0 0 17px;font-size:13px;line-height:1.6}.po-table-wrapper,.po-line-table-wrapper,.po-detail-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto visible}.po-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.po-line-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.po-detail-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.po-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.po-line-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.po-detail-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.po-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.po-line-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.po-detail-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.po-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-line-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-detail-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.po-table thead th{z-index:3;border-bottom:1px solid var(--po-border);color:#64748b;text-align:left;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:10px;font-weight:900;position:sticky;top:0}.po-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:14px;font-size:13px}.po-table tbody tr:hover{background:#f8fbff}.po-table tbody tr:last-child td{border-bottom:0}.po-number-cell,.po-supplier-cell{flex-direction:column;min-width:155px;display:flex}.po-number-cell strong,.po-supplier-cell strong{color:var(--po-dark);font-weight:850}.po-number-cell small,.po-supplier-cell small{color:var(--po-light);margin-top:4px;font-size:11px}.po-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.po-status-draft{color:#92400e;background:#fffbeb;border-color:#fde68a}.po-status-pending{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.po-status-approved{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.po-status-returned{color:#075985;background:#f0f9ff;border-color:#bae6fd}.po-status-rejected{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.po-status-partial{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.po-status-received{color:#166534;background:#ecfdf5;border-color:#a7f3d0}.po-status-cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.po-status-default{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.po-actions{align-items:center;gap:6px;min-width:max-content;display:flex}.po-actions button{border-radius:8px;min-height:33px;padding:7px 10px;font-size:11px}.po-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;background:#0f172a9e;width:100%;height:100%;padding:18px;display:block;position:fixed;inset:0;overflow:hidden auto}.po-modal{width:100%;max-width:1250px;height:calc(100vh - 36px);min-height:0;max-height:calc(100vh - 36px);box-shadow:var(--po-shadow-lg);background:#fff;border:1px solid #ffffffd9;border-radius:20px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.po-form-modal{max-width:1200px}.po-details-modal{max-width:1250px}.po-modal-header{border-bottom:1px solid var(--po-border);background:linear-gradient(135deg,#fff,#f8fbff);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 24px;display:flex}.po-modal-header>div{min-width:0}.po-modal-eyebrow{color:var(--po-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.po-modal-header h2{color:var(--po-dark);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:900;line-height:1.15}.po-modal-header p{color:var(--po-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.po-modal-close{border:1px solid var(--po-border);color:#475569;cursor:pointer;width:38px;height:38px;transition:var(--po-transition);background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;font-size:24px;display:flex}.po-modal-close:hover{color:#b91c1c;background:var(--po-danger-light);border-color:#fecaca}.po-form-modal>form{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.po-form-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;flex:auto;height:0;min-height:0;padding:20px 22px 30px;overflow:hidden auto}.po-form-content::-webkit-scrollbar{width:10px}.po-form-content::-webkit-scrollbar-track{background:#f8fafc}.po-form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.po-form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-details-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;flex:auto;height:0;min-height:0;padding:20px 22px 30px;overflow:hidden auto}.po-details-content::-webkit-scrollbar{width:10px}.po-details-content::-webkit-scrollbar-track{background:#f8fafc}.po-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border-radius:999px}.po-details-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.po-form-section{border:1px solid var(--po-border);border-radius:var(--po-radius-lg);box-shadow:var(--po-shadow-sm);background:#fff;margin-bottom:17px;padding:18px}.po-form-section:last-child{margin-bottom:0}.po-form-section-title{color:var(--po-dark);margin-bottom:13px;font-size:15px;font-weight:900}.po-form-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.po-form-section-heading>div{min-width:0}.po-form-section-heading .po-form-section-title{margin-bottom:4px}.po-form-section-heading span{color:var(--po-muted);font-size:12px;line-height:1.5}.po-fuel-guidance{color:#3f627a;background:linear-gradient(135deg,#eff9ff,#f4fbff);border:1px solid #b9dceb;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:7px 10px;margin:0 0 14px;padding:11px 13px;font-size:11px;line-height:1.5;display:grid}.po-fuel-guidance strong{color:#075f8e;white-space:nowrap;font-size:11px;font-weight:900}.po-fuel-guidance b{color:#075f8e}.po-fuel-guidance em{color:#9a530c;border-top:1px solid #cfe6f0;grid-column:1/-1;padding-top:7px;font-style:normal;font-weight:700}.po-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.po-form-group{min-width:0}.po-form-group label{color:#475569;letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.po-form-group small{color:var(--po-muted);margin-top:6px;font-size:11px;display:block}.po-form-group input,.po-form-group select,.po-form-group textarea,.po-form-section>textarea{border:1px solid var(--po-border-dark);width:100%;min-height:42px;color:var(--po-dark);font:inherit;background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.po-form-group textarea,.po-form-section>textarea{resize:vertical;min-height:110px}.po-form-group input:focus,.po-form-group select:focus,.po-form-group textarea:focus,.po-form-section>textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.po-info-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:14px;padding:11px 13px;font-size:12px;font-weight:700}.po-line-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;margin-bottom:14px;overflow:auto visible}.po-line-table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px}.po-line-table thead th{z-index:5;border-bottom:1px solid var(--po-border);color:#64748b;text-align:left;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:11px;font-size:10px;font-weight:900;position:sticky;top:0}.po-line-table tbody td{vertical-align:middle;color:#334155;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:10px;font-size:12px}.po-line-table tbody tr:hover{background:#f8fbff}.po-line-table input,.po-line-table select{border:1px solid var(--po-border-dark);width:100%;min-width:85px;min-height:38px;color:var(--po-dark);background:#fff;border-radius:8px;outline:none;padding:8px 9px;font-size:12px}.po-line-table select{min-width:215px}.po-line-table input:focus,.po-line-table select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.po-line-notes-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px;display:grid}.po-line-note{min-width:0}.po-line-note label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:850;display:block}.po-line-note input{border:1px solid var(--po-border-dark);border-radius:9px;outline:none;width:100%;min-height:38px;padding:9px 10px;font-size:12px}.po-line-note input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.po-totals-panel{background:var(--po-border);border:1px solid var(--po-border);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:17px;padding:1px;display:grid;overflow:hidden}.po-totals-panel>div{background:#fff;padding:15px}.po-totals-panel span{color:var(--po-muted);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.po-totals-panel strong{color:var(--po-dark);overflow-wrap:anywhere;font-size:16px;font-weight:900;display:block}.po-totals-panel .po-grand-total{background:#eff6ff}.po-totals-panel .po-grand-total span,.po-totals-panel .po-grand-total strong{color:#1d4ed8}.po-totals-panel .po-grand-total strong{font-size:20px}.po-modal-footer{border-top:1px solid var(--po-border);z-index:10;background:#fffffffa;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:15px 20px;display:flex;position:relative;box-shadow:0 -5px 18px #0f172a0a}.po-detail-top-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:20px;display:grid}.po-detail-box{border:1px solid var(--po-border);background:#f8fafc;border-radius:11px;min-width:0;padding:13px}.po-detail-box span,.po-notes-box>span,.po-audit-box span{color:var(--po-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.po-detail-box strong,.po-notes-box strong,.po-audit-box strong{color:var(--po-dark);overflow-wrap:anywhere;font-size:13px;font-weight:800;display:block}.po-detail-section{border:1px solid var(--po-border);border-radius:var(--po-radius-lg);box-shadow:var(--po-shadow-sm);background:#fff;margin-bottom:20px;padding:18px}.po-detail-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.po-detail-heading>div{align-items:center;gap:10px;display:flex}.po-detail-heading h3{color:var(--po-dark);margin:0;font-size:16px;font-weight:900}.po-detail-heading span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;min-height:27px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.po-detail-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}.po-detail-table thead th{z-index:3;border-bottom:1px solid var(--po-border);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;padding:11px 12px;font-size:10px;font-weight:900;position:sticky;top:0}.po-detail-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:12px;font-size:12px}.po-detail-table tbody tr:hover{background:#f8fbff}.po-detail-totals{background:var(--po-border);border:1px solid var(--po-border);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:18px;padding:1px;display:grid;overflow:hidden}.po-detail-totals>div{background:#fff;padding:15px}.po-detail-totals span{color:var(--po-muted);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.po-detail-totals strong{color:var(--po-dark);font-size:16px;font-weight:900;display:block}.po-detail-totals .po-grand-total{background:#eff6ff}.po-detail-totals .po-grand-total span,.po-detail-totals .po-grand-total strong{color:#1d4ed8}.po-detail-totals .po-grand-total strong{font-size:20px}.po-notes-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:18px;padding:15px}.po-notes-box strong{color:#78350f;white-space:pre-wrap;line-height:1.65}.po-audit-box{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.po-audit-box>div{border:1px solid var(--po-border);background:#f8fafc;border-radius:10px;min-width:0;padding:12px}.po-edit-btn.large,.po-submit-btn.large,.po-approve-btn.large,.po-return-btn.large,.po-reject-btn.large,.po-cancel-btn.large,.po-delete-btn.large{min-height:44px;padding:11px 18px;font-size:13px}@media (width<=1400px){.po-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.po-filter-card{grid-template-columns:minmax(250px,1.5fr) repeat(2,minmax(160px,1fr)) auto}.po-detail-top-grid,.po-audit-box{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.purchase-orders-container{padding:23px 20px 60px}.po-header{flex-direction:column}.po-header-actions{justify-content:flex-start;width:100%}.po-summary-grid,.po-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.po-filter.search-filter{grid-column:1/-1}.po-form-grid,.po-totals-panel,.po-detail-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.purchase-orders-container{padding:18px 15px 45px}.po-summary-grid{grid-template-columns:1fr}.po-header-actions{flex-direction:column;align-items:stretch}.po-header-actions button{width:100%}.po-form-grid,.po-line-notes-list,.po-detail-top-grid,.po-audit-box{grid-template-columns:1fr}.po-modal-overlay{padding:8px}.po-modal{border-radius:15px;height:calc(100vh - 16px);max-height:calc(100vh - 16px)}.po-modal-header{padding:16px}.po-modal-header h2{font-size:21px}.po-form-content,.po-details-content{padding:15px}.po-modal-footer{padding:11px}}@media (width<=600px){.purchase-orders-container{padding:14px 10px 35px}.po-header h1{font-size:29px}.po-header p{font-size:13px}.po-filter-card{grid-template-columns:1fr}.po-filter.search-filter{grid-column:auto}.po-filter-result{justify-self:start}.po-card-header{flex-direction:column;align-items:flex-start;padding:16px}.po-table{min-width:1180px}.po-form-section{padding:14px}.po-form-section-heading{flex-direction:column;align-items:stretch}.po-add-line-btn{width:100%}.po-totals-panel,.po-detail-totals{grid-template-columns:1fr}.po-modal-overlay{padding:5px}.po-modal{border-radius:12px;height:calc(100vh - 10px);max-height:calc(100vh - 10px)}.po-modal-header{padding:13px}.po-form-content,.po-details-content{padding:12px}.po-modal-footer{flex-direction:column;justify-content:stretch}.po-modal-footer button{width:100%}.po-detail-section{padding:12px}.po-audit-box{grid-template-columns:1fr}}@media (hover:none){.po-summary-card:hover{box-shadow:var(--po-shadow-sm);transform:none}.po-table tbody tr:hover,.po-detail-table tbody tr:hover,.po-line-table tbody tr:hover{background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.purchase-orders-page{background:#fff;overflow:visible}.purchase-orders-container{max-width:none;padding:0}.po-header-actions,.po-filter-card,.po-alert,.po-actions,.po-modal-overlay{display:none!important}.po-card{box-shadow:none;border:1px solid #d1d5db}.po-table-wrapper{overflow:visible}.po-table{min-width:0}.po-table thead th{position:static}}:root{--goods-primary:#0f766e;--goods-primary-dark:#115e59;--goods-primary-soft:#ccfbf1;--goods-blue:#2563eb;--goods-blue-soft:#dbeafe;--goods-green:#16a34a;--goods-green-soft:#dcfce7;--goods-orange:#ea580c;--goods-orange-soft:#ffedd5;--goods-purple:#7c3aed;--goods-purple-soft:#ede9fe;--goods-red:#dc2626;--goods-red-soft:#fee2e2;--goods-yellow:#ca8a04;--goods-yellow-soft:#fef9c3;--goods-dark:#0f172a;--goods-text:#1e293b;--goods-muted:#64748b;--goods-border:#e2e8f0;--goods-border-dark:#cbd5e1;--goods-bg:#f8fafc;--goods-white:#fff;--goods-radius-sm:8px;--goods-radius-md:12px;--goods-radius-lg:16px;--goods-shadow-sm:0 1px 3px #0f172a14;--goods-shadow-md:0 10px 28px #0f172a17;--goods-shadow-lg:0 22px 55px #0f172a2b}.goods-receipts-page{box-sizing:border-box;min-height:100vh;color:var(--goods-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.goods-receipts-container{width:100%;max-width:1650px;margin:0 auto}.goods-receipts-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:25px;display:flex}.goods-eyebrow,.goods-modal-eyebrow{color:var(--goods-primary);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.goods-receipts-header h1{color:var(--goods-dark);letter-spacing:-.5px;margin:5px 0 8px;font-size:32px;font-weight:800;line-height:1.15}.goods-receipts-header p{max-width:720px;color:var(--goods-muted);margin:0;font-size:14px;line-height:1.65}.goods-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.goods-primary-btn,.goods-secondary-btn{border-radius:var(--goods-radius-sm);cursor:pointer;min-height:42px;padding:10px 16px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.goods-primary-btn{border:1px solid var(--goods-primary);background:var(--goods-primary);color:#fff}.goods-primary-btn:hover{background:var(--goods-primary-dark);border-color:var(--goods-primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #0f766e2e}.goods-secondary-btn{border:1px solid var(--goods-border-dark);color:var(--goods-text);background:#fff}.goods-secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.goods-primary-btn:disabled,.goods-secondary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.goods-view-btn,.goods-edit-btn,.goods-receive-btn,.goods-verify-btn,.goods-cancel-btn,.goods-delete-btn{cursor:pointer;white-space:nowrap;border:0;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;transition:transform .15s,filter .15s}.goods-view-btn{background:var(--goods-blue-soft);color:#1d4ed8}.goods-edit-btn{background:var(--goods-primary-soft);color:var(--goods-primary-dark)}.goods-receive-btn{background:var(--goods-orange-soft);color:#c2410c}.goods-verify-btn{background:var(--goods-green-soft);color:#166534}.goods-cancel-btn{background:var(--goods-red-soft);color:#b91c1c}.goods-delete-btn{color:#475569;background:#f1f5f9}.goods-view-btn:hover,.goods-edit-btn:hover,.goods-receive-btn:hover,.goods-verify-btn:hover,.goods-cancel-btn:hover,.goods-delete-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.goods-view-btn:disabled,.goods-edit-btn:disabled,.goods-receive-btn:disabled,.goods-verify-btn:disabled,.goods-cancel-btn:disabled,.goods-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.goods-edit-btn.large,.goods-receive-btn.large,.goods-verify-btn.large,.goods-cancel-btn.large,.goods-delete-btn.large{min-height:42px;padding:10px 15px;font-size:12px}.goods-alert{border-radius:var(--goods-radius-md);border:1px solid #0000;align-items:flex-start;gap:13px;margin-bottom:20px;padding:14px 16px;display:flex}.goods-alert-success{color:#166534;background:var(--goods-green-soft);border-color:#86efac}.goods-alert-error{color:#991b1b;background:var(--goods-red-soft);border-color:#fca5a5}.goods-alert-icon{background:#ffffffbf;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.goods-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.goods-alert strong{font-size:13px}.goods-alert span{font-size:13px;line-height:1.5}.goods-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.goods-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.goods-summary-card{border:1px solid var(--goods-border);border-radius:var(--goods-radius-md);min-height:98px;box-shadow:var(--goods-shadow-sm);background:#fff;align-items:center;gap:14px;padding:18px;display:flex}.goods-summary-card>div:last-child{flex-direction:column;gap:4px;display:flex}.goods-summary-card span{color:var(--goods-muted);font-size:12px;font-weight:700}.goods-summary-card strong{color:var(--goods-dark);font-size:22px;font-weight:800}.goods-summary-icon{border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;font-weight:800;display:flex}.goods-summary-icon.blue{color:var(--goods-blue);background:var(--goods-blue-soft)}.goods-summary-icon.orange{color:var(--goods-orange);background:var(--goods-orange-soft)}.goods-summary-icon.green{color:var(--goods-green);background:var(--goods-green-soft)}.goods-summary-icon.purple{color:var(--goods-purple);background:var(--goods-purple-soft)}.goods-filter-card{border:1px solid var(--goods-border);border-radius:var(--goods-radius-md);box-shadow:var(--goods-shadow-sm);background:#fff;grid-template-columns:minmax(280px,2fr) minmax(160px,1fr) minmax(210px,1fr) auto;align-items:end;gap:14px;margin-bottom:20px;padding:18px;display:grid}.goods-filter label{color:var(--goods-text);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.goods-search-wrapper{position:relative}.goods-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.goods-filter input,.goods-filter select,.goods-form-group input,.goods-form-group select,.goods-form-group textarea,.goods-items-table input{box-sizing:border-box;border:1px solid var(--goods-border-dark);width:100%;color:var(--goods-text);background:#fff;border-radius:9px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}.goods-filter input,.goods-filter select,.goods-form-group input,.goods-form-group select{min-height:42px;padding:10px 12px}.goods-search-wrapper input{padding-left:38px}.goods-form-group textarea{resize:vertical;min-height:100px;padding:11px 12px}.goods-filter input:focus,.goods-filter select:focus,.goods-form-group input:focus,.goods-form-group select:focus,.goods-form-group textarea:focus,.goods-items-table input:focus{border-color:var(--goods-primary);box-shadow:0 0 0 3px #0f766e1a}.filter-btn{white-space:nowrap}.goods-card{border:1px solid var(--goods-border);border-radius:var(--goods-radius-lg);box-shadow:var(--goods-shadow-sm);background:#fff;overflow:hidden}.goods-card-header{border-bottom:1px solid var(--goods-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.goods-card-header h2{color:var(--goods-dark);margin:0 0 5px;font-size:18px}.goods-card-header p{color:var(--goods-muted);margin:0;font-size:13px}.goods-card-header>span{color:var(--goods-muted);font-size:12px;font-weight:800}.goods-table-wrapper,.goods-items-table-wrapper,.goods-detail-table-wrapper{width:100%;overflow-x:auto}.goods-table{border-collapse:collapse;width:100%;min-width:1050px}.goods-table th,.goods-items-table th,.goods-detail-table th{border-bottom:1px solid var(--goods-border);color:#475569;text-align:left;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 15px;font-size:10px;font-weight:800}.goods-table td,.goods-items-table td,.goods-detail-table td{color:var(--goods-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 15px;font-size:12px}.goods-table tbody tr:hover{background:#f8fafc}.goods-grn-cell,.supplier-cell,.goods-product-cell{flex-direction:column;gap:3px;display:flex}.goods-grn-cell strong{color:var(--goods-dark);font-size:13px}.goods-grn-cell small,.supplier-cell small,.goods-product-cell small{color:var(--goods-muted);font-size:10px}.goods-status{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-received{color:#c2410c;background:var(--goods-orange-soft)}.status-verified{color:#166534;background:var(--goods-green-soft)}.status-cancelled{color:#991b1b;background:var(--goods-red-soft)}.status-default{color:#475569;background:#f1f5f9}.goods-actions{flex-wrap:wrap;gap:6px;display:flex}.goods-loading{min-height:260px;color:var(--goods-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.goods-spinner{border:3px solid #dbe4ec;border-top-color:var(--goods-primary);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite goods-spin}@keyframes goods-spin{to{transform:rotate(360deg)}}.goods-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:285px;padding:45px 20px;display:flex}.goods-empty-icon{background:#f1f5f9;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:14px;font-size:27px;display:flex}.goods-empty h3{color:var(--goods-dark);margin:0 0 7px;font-size:18px}.goods-empty p{max-width:500px;color:var(--goods-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.goods-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.goods-modal{width:min(1200px,100%);max-height:calc(100vh - 48px);box-shadow:var(--goods-shadow-lg);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.goods-form-modal{width:min(1250px,100%)}.goods-details-modal{width:min(1150px,100%)}.goods-modal-header{border-bottom:1px solid var(--goods-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.goods-modal-header h2{color:var(--goods-dark);margin:5px 0;font-size:22px}.goods-modal-header p{color:var(--goods-muted);margin:0;font-size:13px;line-height:1.5}.goods-modal-close{border:1px solid var(--goods-border);width:38px;height:38px;color:var(--goods-muted);cursor:pointer;background:#fff;border-radius:9px;flex:0 0 38px;font-size:23px}.goods-modal-close:hover{color:var(--goods-dark);background:#f8fafc}.goods-form{flex:1;overflow-y:auto}.goods-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 24px;display:grid}.goods-form-group{min-width:0}.goods-form-group.full{grid-column:1/-1}.goods-form-group label{color:var(--goods-text);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.goods-form-help{color:var(--goods-muted);margin-top:6px;font-size:11px;display:block}.goods-po-summary{border:1px solid var(--goods-border);background:#f8fafc;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 24px 20px;padding:15px;display:grid}.goods-po-summary>div{min-width:0}.goods-po-summary span,.goods-detail-summary span,.goods-detail-cards span,.goods-calculation span,.goods-detail-notes span{color:var(--goods-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.goods-po-summary strong{color:var(--goods-dark);font-size:13px}.goods-items-section{padding:0 24px 20px}.goods-section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.goods-section-title h3{color:var(--goods-dark);margin:0 0 4px;font-size:16px}.goods-section-title p{color:var(--goods-muted);margin:0;font-size:12px}.goods-section-title>span{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.goods-mini-empty{border:1px dashed var(--goods-border-dark);color:var(--goods-muted);text-align:center;background:#fafcff;border-radius:11px;padding:35px 20px;font-size:13px}.goods-items-table{border-collapse:collapse;width:100%;min-width:1100px}.goods-items-table input{min-height:38px;padding:8px 9px}.goods-items-table td:nth-child(2),.goods-items-table td:nth-child(3),.goods-items-table td:nth-child(4),.goods-items-table td:nth-child(5),.goods-items-table td:nth-child(6),.goods-items-table td:nth-child(7){white-space:nowrap}.accepted-quantity{color:var(--goods-primary-dark)}.goods-calculation{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 24px 18px;display:grid}.goods-calculation>div{border:1px solid var(--goods-border);background:#f8fafc;border-radius:11px;padding:15px}.goods-calculation strong{color:var(--goods-dark);font-size:17px}.goods-calculation .highlight{background:#f0fdfa;border-color:#99f6e4}.goods-notes-group{padding:0 24px 20px}.goods-modal-footer{border-top:1px solid var(--goods-border);background:#fafcff;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:16px 24px;display:flex}.goods-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 24px 0;display:grid}.goods-detail-summary>div,.goods-detail-cards>div{border:1px solid var(--goods-border);background:#fafcff;border-radius:11px;padding:14px}.goods-detail-summary strong,.goods-detail-cards strong{color:var(--goods-dark);font-size:13px;display:block}.goods-detail-content{padding:20px 24px;overflow-y:auto}.goods-detail-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.goods-detail-section{margin-bottom:18px}.goods-detail-table{border-collapse:collapse;width:100%;min-width:850px}.goods-detail-table td strong{color:var(--goods-dark)}.goods-detail-table td>small{color:var(--goods-muted);margin-top:3px;font-size:10px;display:block}.goods-detail-notes{border:1px solid var(--goods-border);background:#fafcff;border-radius:11px;padding:15px}.goods-detail-notes strong{color:var(--goods-text);font-size:13px;line-height:1.6;display:block}.goods-access-denied{border:1px solid var(--goods-border);max-width:600px;box-shadow:var(--goods-shadow-md);text-align:center;background:#fff;border-radius:18px;margin:100px auto;padding:45px 30px}.goods-denied-icon{background:var(--goods-red-soft);width:66px;height:66px;color:var(--goods-red);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:29px;display:flex}.goods-access-denied h1{color:var(--goods-dark);margin:0 0 10px;font-size:25px}.goods-access-denied p{color:var(--goods-muted);margin:0 0 8px;line-height:1.6}.goods-access-denied span{color:var(--goods-muted);font-size:13px}@media (width<=1250px){.goods-summary,.goods-filter-card,.goods-po-summary,.goods-detail-summary,.goods-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.goods-receipts-page{padding:18px}.goods-receipts-header{flex-direction:column}.goods-header-actions{justify-content:flex-start;width:100%}.goods-form-grid{grid-template-columns:1fr}.goods-form-group.full{grid-column:auto}.goods-calculation{grid-template-columns:1fr}.goods-detail-summary,.goods-detail-cards{grid-template-columns:1fr 1fr}}@media (width<=650px){.goods-receipts-page{padding:12px}.goods-receipts-header h1{font-size:26px}.goods-summary,.goods-filter-card{grid-template-columns:1fr}.goods-po-summary,.goods-detail-summary,.goods-detail-cards{grid-template-columns:1fr;margin-left:16px;margin-right:16px}.goods-form-grid,.goods-items-section,.goods-notes-group,.goods-detail-content{padding-left:16px;padding-right:16px}.goods-calculation{margin-left:16px;margin-right:16px}.goods-modal-overlay{padding:8px}.goods-modal{border-radius:14px;max-height:calc(100vh - 16px)}.goods-modal-header,.goods-modal-footer{padding-left:16px;padding-right:16px}.goods-actions{flex-direction:column;align-items:stretch}.goods-actions button{width:100%}}@media print{.goods-receipts-page{background:#fff;padding:0}.goods-receipts-header,.goods-filter-card,.goods-summary,.goods-actions,.goods-alert,.goods-modal-overlay{display:none!important}.goods-card{box-shadow:none;border:0}}.goods-accept-all-check{color:#08775f;white-space:nowrap;background:#f1fbf7;border:1px solid #bfe6d7;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex}.goods-accept-all-check input{accent-color:#0b8d71;width:14px;height:14px}:root{--si-primary:#0f766e;--si-primary-dark:#115e59;--si-primary-soft:#ccfbf1;--si-blue:#2563eb;--si-blue-dark:#1d4ed8;--si-blue-soft:#dbeafe;--si-green:#16a34a;--si-green-dark:#15803d;--si-green-soft:#dcfce7;--si-orange:#ea580c;--si-orange-dark:#c2410c;--si-orange-soft:#ffedd5;--si-purple:#7c3aed;--si-purple-dark:#6d28d9;--si-purple-soft:#ede9fe;--si-red:#dc2626;--si-red-dark:#b91c1c;--si-red-soft:#fee2e2;--si-yellow:#ca8a04;--si-yellow-soft:#fef9c3;--si-dark:#0f172a;--si-text:#1e293b;--si-muted:#64748b;--si-muted-dark:#475569;--si-border:#e2e8f0;--si-border-dark:#cbd5e1;--si-bg:#f8fafc;--si-white:#fff;--si-radius-sm:8px;--si-radius-md:12px;--si-radius-lg:16px;--si-radius-xl:18px;--si-shadow-sm:0 1px 3px #0f172a14;--si-shadow-md:0 10px 30px #0f172a17;--si-shadow-lg:0 25px 70px #0f172a33;--si-shadow-xl:0 30px 80px #0f172a40}.supplier-invoices-page{box-sizing:border-box;width:100%;min-height:100vh;color:var(--si-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.supplier-invoices-page *,.supplier-invoices-page :before,.supplier-invoices-page :after{box-sizing:border-box}.supplier-invoices-container{width:100%;max-width:1800px;margin:0 auto}.supplier-invoices-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.supplier-invoices-eyebrow{color:var(--si-primary);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.supplier-invoices-header h1{color:var(--si-dark);letter-spacing:-.7px;margin:5px 0 8px;font-size:34px;font-weight:800;line-height:1.15}.supplier-invoices-header p{max-width:760px;color:var(--si-muted);margin:0;font-size:14px;line-height:1.65}.supplier-invoice-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.supplier-invoice-primary-btn,.supplier-invoice-secondary-btn,.supplier-invoice-view-btn,.supplier-invoice-edit-btn,.supplier-invoice-post-btn,.supplier-invoice-pay-btn,.supplier-invoice-cancel-btn,.supplier-invoice-delete-btn,.supplier-invoice-add-item-btn,.supplier-invoice-remove-item-btn{cursor:pointer;font-family:inherit;font-weight:800;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s,opacity .15s,filter .15s}.supplier-invoice-primary-btn,.supplier-invoice-secondary-btn{border-radius:var(--si-radius-sm);white-space:nowrap;min-height:42px;padding:10px 16px;font-size:13px}.supplier-invoice-primary-btn{border:1px solid var(--si-primary);background:linear-gradient(135deg, var(--si-primary), var(--si-primary-dark));color:#fff;box-shadow:0 6px 16px #0f766e2e}.supplier-invoice-primary-btn:hover{background:linear-gradient(135deg, var(--si-primary-dark), #0f4f4b);transform:translateY(-1px);box-shadow:0 10px 24px #0f766e3d}.supplier-invoice-secondary-btn{border:1px solid var(--si-border-dark);color:var(--si-text);background:#fff;box-shadow:0 2px 8px #0f172a0a}.supplier-invoice-secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.supplier-invoice-primary-btn:disabled,.supplier-invoice-secondary-btn:disabled,.supplier-invoice-view-btn:disabled,.supplier-invoice-edit-btn:disabled,.supplier-invoice-post-btn:disabled,.supplier-invoice-pay-btn:disabled,.supplier-invoice-cancel-btn:disabled,.supplier-invoice-delete-btn:disabled,.supplier-invoice-remove-item-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.supplier-invoice-alert{border-radius:var(--si-radius-md);border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.supplier-invoice-alert-success{color:#166534;background:var(--si-green-soft);border-color:#86efac}.supplier-invoice-alert-error{color:#991b1b;background:var(--si-red-soft);border-color:#fca5a5}.supplier-invoice-alert-icon{background:#fffc;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.supplier-invoice-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.supplier-invoice-alert strong{font-size:13px}.supplier-invoice-alert span{font-size:13px;line-height:1.55}.supplier-invoice-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.supplier-invoice-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.supplier-invoice-summary-card{border:1px solid var(--si-border);border-radius:var(--si-radius-md);min-height:100px;box-shadow:var(--si-shadow-sm);background:#fff;align-items:center;gap:13px;padding:17px;transition:transform .18s,box-shadow .18s;display:flex}.supplier-invoice-summary-card:hover{box-shadow:var(--si-shadow-md);transform:translateY(-2px)}.supplier-invoice-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-invoice-summary-card span{color:var(--si-muted);font-size:10px;font-weight:700;line-height:1.35}.supplier-invoice-summary-card strong{color:var(--si-dark);font-size:18px;font-weight:800;line-height:1.25}.supplier-invoice-summary-icon{border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:900;display:flex}.supplier-invoice-summary-icon.blue{color:var(--si-blue);background:var(--si-blue-soft)}.supplier-invoice-summary-icon.orange{color:var(--si-orange);background:var(--si-orange-soft)}.supplier-invoice-summary-icon.purple{color:var(--si-purple);background:var(--si-purple-soft)}.supplier-invoice-summary-icon.green{color:var(--si-green);background:var(--si-green-soft)}.supplier-invoice-summary-icon.dark{color:#334155;background:#e2e8f0}.supplier-invoice-summary-icon.red{color:var(--si-red);background:var(--si-red-soft)}.supplier-invoice-filter-card{border:1px solid var(--si-border);border-radius:var(--si-radius-md);box-shadow:var(--si-shadow-sm);background:#fff;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:13px;margin-bottom:20px;padding:17px;display:grid}.supplier-invoice-filter{min-width:0}.supplier-invoice-filter label{color:var(--si-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-invoice-filter input,.supplier-invoice-filter select,.supplier-invoice-form-group input,.supplier-invoice-form-group select,.supplier-invoice-form-section textarea,.supplier-invoice-payment-content textarea{box-sizing:border-box;border:1px solid var(--si-border-dark);width:100%;color:var(--si-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.supplier-invoice-filter input,.supplier-invoice-filter select,.supplier-invoice-form-group input,.supplier-invoice-form-group select{min-height:42px;padding:10px 11px}.supplier-invoice-search-wrapper{position:relative}.supplier-invoice-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.supplier-invoice-search-wrapper input{padding-left:38px}.supplier-invoice-filter input:focus,.supplier-invoice-filter select:focus,.supplier-invoice-form-group input:focus,.supplier-invoice-form-group select:focus,.supplier-invoice-form-section textarea:focus,.supplier-invoice-payment-content textarea:focus{border-color:var(--si-primary);box-shadow:0 0 0 3px #0f766e1a}.supplier-invoice-result-count{color:var(--si-muted);white-space:nowrap;align-self:center;padding:0 6px;font-size:12px;font-weight:800}.supplier-invoice-card{border:1px solid var(--si-border);border-radius:var(--si-radius-lg);box-shadow:var(--si-shadow-sm);background:#fff;overflow:hidden}.supplier-invoice-card-header{border-bottom:1px solid var(--si-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.supplier-invoice-card-header h2{color:var(--si-dark);margin:0 0 5px;font-size:18px}.supplier-invoice-card-header p{color:var(--si-muted);margin:0;font-size:12px}.supplier-invoice-table-wrapper,.supplier-invoice-details-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.supplier-invoice-table{border-collapse:collapse;width:100%;min-width:1350px}.supplier-invoice-table th{border-bottom:1px solid var(--si-border);color:#475569;text-align:left;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:13px 14px;font-size:9px;font-weight:800}.supplier-invoice-table td{color:var(--si-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 14px;font-size:12px}.supplier-invoice-table tbody tr:hover{background:#f8fafc}.supplier-invoice-main,.supplier-invoice-supplier-cell,.supplier-invoice-reference-cell{flex-direction:column;gap:3px;display:flex}.supplier-invoice-main strong,.supplier-invoice-supplier-cell strong{color:var(--si-dark);font-size:12px}.supplier-invoice-main small,.supplier-invoice-supplier-cell small,.supplier-invoice-reference-cell small{color:var(--si-muted);font-size:10px}.supplier-invoice-reference-cell span{color:var(--si-text);font-size:11px;font-weight:700}.supplier-invoice-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.supplier-invoice-status.draft{color:#92400e;background:var(--si-yellow-soft)}.supplier-invoice-status.posted{color:#1d4ed8;background:var(--si-blue-soft)}.supplier-invoice-status.partiallypaid{color:#9a3412;background:var(--si-orange-soft)}.supplier-invoice-status.paid{color:#166534;background:var(--si-green-soft)}.supplier-invoice-status.cancelled{color:#991b1b;background:var(--si-red-soft)}.supplier-invoice-balance-due{color:#b91c1c}.supplier-invoice-balance-paid{color:#15803d}.supplier-invoice-paid-text{color:#15803d!important}.supplier-invoice-balance-text{color:#b91c1c!important}.supplier-invoice-actions{flex-wrap:wrap;gap:6px;display:flex}.supplier-invoice-view-btn,.supplier-invoice-edit-btn,.supplier-invoice-post-btn,.supplier-invoice-pay-btn,.supplier-invoice-cancel-btn,.supplier-invoice-delete-btn{white-space:nowrap;border-radius:7px;padding:7px 10px;font-size:10px}.supplier-invoice-view-btn{color:#1d4ed8;background:var(--si-blue-soft);border:1px solid #bfdbfe}.supplier-invoice-edit-btn{color:#6d28d9;background:var(--si-purple-soft);border:1px solid #ddd6fe}.supplier-invoice-post-btn{color:#0f766e;background:var(--si-primary-soft);border:1px solid #99f6e4}.supplier-invoice-pay-btn{color:#166534;background:var(--si-green-soft);border:1px solid #bbf7d0}.supplier-invoice-cancel-btn{color:#c2410c;background:var(--si-orange-soft);border:1px solid #fed7aa}.supplier-invoice-delete-btn{color:#b91c1c;background:var(--si-red-soft);border:1px solid #fecaca}.supplier-invoice-view-btn:hover,.supplier-invoice-edit-btn:hover,.supplier-invoice-post-btn:hover,.supplier-invoice-pay-btn:hover,.supplier-invoice-cancel-btn:hover,.supplier-invoice-delete-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.supplier-invoice-loading{min-height:290px;color:var(--si-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.supplier-invoice-spinner{border:3px solid #dbe4ec;border-top-color:var(--si-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite supplier-invoice-spin}@keyframes supplier-invoice-spin{to{transform:rotate(360deg)}}.supplier-invoice-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:45px 20px;display:flex}.supplier-invoice-empty-icon{background:#f1f5f9;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:28px;display:flex}.supplier-invoice-empty h3{color:var(--si-dark);margin:0 0 7px;font-size:18px}.supplier-invoice-empty p{max-width:500px;color:var(--si-muted);margin:0 0 18px;font-size:13px;line-height:1.6}.supplier-invoice-access-denied{border:1px solid var(--si-border);max-width:620px;box-shadow:var(--si-shadow-md);text-align:center;background:#fff;border-radius:18px;margin:110px auto;padding:45px 30px}.supplier-invoice-denied-icon{background:var(--si-red-soft);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:29px;display:flex}.supplier-invoice-access-denied h1{color:var(--si-dark);margin:0 0 10px;font-size:25px}.supplier-invoice-access-denied p{color:var(--si-muted);margin:0 0 8px;line-height:1.6}.supplier-invoice-access-denied span{color:var(--si-muted);font-size:13px}.supplier-invoice-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-overflow-scrolling:touch;background:#0f172aa6;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.supplier-invoice-modal{border-radius:var(--si-radius-xl);width:min(1300px,100%);max-width:100%;height:calc(100vh - 40px);min-height:0;max-height:calc(100vh - 40px);box-shadow:var(--si-shadow-xl);background:#fff;border:1px solid #fff6;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow:hidden}.supplier-invoice-details-modal{width:min(1220px,100%)}.supplier-invoice-payment-modal{width:min(800px,100%)}.supplier-invoice-modal-header{border-bottom:1px solid var(--si-border);background:linear-gradient(#fff 0%,#fbfdff 100%);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.supplier-invoice-modal-header>div:first-child{min-width:0}.supplier-invoice-modal-header>div:first-child>span{color:var(--si-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.supplier-invoice-modal-header h2{color:var(--si-dark);margin:5px 0;font-size:22px;line-height:1.25}.supplier-invoice-modal-header p{color:var(--si-muted);margin:0;font-size:13px;line-height:1.5}.supplier-invoice-modal-close{border:1px solid var(--si-border);width:40px;height:40px;color:var(--si-muted);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;font-size:23px;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.supplier-invoice-modal-close:hover{color:var(--si-dark);background:#f8fafc;border-color:#94a3b8;transform:rotate(3deg)}.supplier-invoice-modal>form{flex-direction:column;flex:auto;height:auto;min-height:0;display:flex}.supplier-invoice-form-content,.supplier-invoice-details-content,.supplier-invoice-payment-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc;flex:auto;width:100%;min-height:0;overflow:hidden auto}.supplier-invoice-form-content::-webkit-scrollbar{width:10px}.supplier-invoice-details-content::-webkit-scrollbar{width:10px}.supplier-invoice-payment-content::-webkit-scrollbar{width:10px}.supplier-invoice-form-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-details-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-payment-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-form-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-invoice-details-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-invoice-payment-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-invoice-form-content::-webkit-scrollbar-thumb:hover{background:#64748b}.supplier-invoice-details-content::-webkit-scrollbar-thumb:hover{background:#64748b}.supplier-invoice-payment-content::-webkit-scrollbar-thumb:hover{background:#64748b}.supplier-invoice-form-section{border-bottom:1px solid var(--si-border);padding:21px 24px}.supplier-invoice-form-section:last-child{border-bottom:0}.supplier-invoice-section-title{color:var(--si-dark);margin-bottom:15px;font-size:15px;font-weight:800}.supplier-invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.supplier-invoice-form-group{min-width:0}.supplier-invoice-form-group.full{grid-column:1/-1}.supplier-invoice-form-group label{color:var(--si-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-invoice-form-section>textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:100px;padding:11px 12px}.supplier-invoice-items-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.supplier-invoice-items-header>div{min-width:0}.supplier-invoice-items-header p{color:var(--si-muted);margin:-8px 0 0;font-size:12px;line-height:1.5}.supplier-invoice-add-item-btn{border:1px solid var(--si-primary);background:linear-gradient(135deg, var(--si-primary-soft), #f0fdfa);min-height:39px;color:var(--si-primary-dark);border-radius:8px;flex-shrink:0;padding:9px 13px;font-size:11px}.supplier-invoice-add-item-btn:hover{background:#99f6e4;transform:translateY(-1px);box-shadow:0 6px 16px #0f766e1f}.supplier-invoice-item-list{flex-direction:column;gap:12px;display:flex}.supplier-invoice-item-card{border:1px solid var(--si-border);background:linear-gradient(145deg,#fff,#fafcff);border-radius:12px;padding:18px 18px 18px 60px;position:relative;box-shadow:0 3px 10px #0f172a0a}.supplier-invoice-item-number{background:var(--si-primary-soft);width:28px;height:28px;color:var(--si-primary-dark);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:18px;left:18px}.supplier-invoice-item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.supplier-invoice-item-grid .supplier-invoice-form-group:nth-child(8){grid-column:span 2}.supplier-invoice-line-total{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:9px;flex-direction:column;justify-content:center;min-height:62px;padding:10px 12px;display:flex}.supplier-invoice-line-total span{color:var(--si-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800}.supplier-invoice-line-total strong{color:var(--si-primary-dark);font-size:14px}.supplier-invoice-remove-item-btn{background:var(--si-red-soft);color:#b91c1c;border:0;border-radius:7px;min-height:34px;margin-top:13px;padding:7px 12px;font-size:10px}.supplier-invoice-remove-item-btn:hover{background:#fecaca;transform:translateY(-1px)}.supplier-invoice-total-card{border-top:1px solid var(--si-border);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 24px;display:grid}.supplier-invoice-total-card>div{border:1px solid var(--si-border);background:#f8fafc;border-radius:10px;padding:13px}.supplier-invoice-total-card span{color:var(--si-muted);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.supplier-invoice-total-card strong{color:var(--si-dark);font-size:15px}.supplier-invoice-grand-total{background:linear-gradient(135deg,#f0fdfa,#ccfbf1)!important;border-color:#99f6e4!important}.supplier-invoice-grand-total strong{color:var(--si-primary-dark)}.supplier-invoice-modal-footer{border-top:1px solid var(--si-border);z-index:10;background:linear-gradient(#f8fafc,#f1f5f9);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:15px 24px;display:flex;position:relative;box-shadow:0 -6px 16px #0f172a0d}.supplier-invoice-modal-footer>button{flex-shrink:0}.supplier-invoice-details-content{padding:20px 24px}.supplier-invoice-details-top{border:1px solid var(--si-border);background:#fafcff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:15px;display:flex}.supplier-invoice-details-top>div{flex-direction:column;gap:4px;display:flex}.supplier-invoice-details-top span:first-child{color:var(--si-muted);text-transform:uppercase;font-size:10px;font-weight:800}.supplier-invoice-details-top strong{color:var(--si-dark);font-size:14px}.supplier-invoice-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.supplier-invoice-detail-grid>div{border:1px solid var(--si-border);background:linear-gradient(145deg,#fff,#fafcff);border-radius:10px;padding:14px}.supplier-invoice-detail-grid span{color:var(--si-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-invoice-detail-grid strong{color:var(--si-dark);overflow-wrap:anywhere;font-size:12px;line-height:1.45;display:block}.supplier-invoice-details-section{border:1px solid var(--si-border);background:#fff;border-radius:14px;margin-bottom:22px;padding:18px;box-shadow:0 4px 14px #0f172a0a}.supplier-invoice-details-section h3{color:var(--si-dark);margin:0 0 12px;font-size:16px}.supplier-invoice-details-table{border-collapse:collapse;width:100%;min-width:850px}.supplier-invoice-details-table th{border-bottom:1px solid var(--si-border);color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.45px;background:linear-gradient(#f8fafc,#f1f5f9);padding:12px 11px;font-size:9px;font-weight:800}.supplier-invoice-details-table td{color:var(--si-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:11px;font-size:11px}.supplier-invoice-details-table tbody tr:hover{background:#fafcff}.supplier-invoice-details-table td strong{color:var(--si-dark);display:block}.supplier-invoice-details-table td small{color:var(--si-muted);margin-top:3px;font-size:9px;display:block}.supplier-invoice-detail-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.supplier-invoice-detail-totals>div{border:1px solid var(--si-border);background:#f8fafc;border-radius:10px;padding:13px}.supplier-invoice-detail-totals span{color:var(--si-muted);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.supplier-invoice-detail-totals strong{color:var(--si-dark);font-size:15px}.supplier-invoice-no-payments{border:1px dashed var(--si-border-dark);color:var(--si-muted);text-align:center;background:#fafcff;border-radius:10px;padding:22px;font-size:12px}.supplier-invoice-detail-notes{border:1px solid #bfdbfe;border-left:4px solid var(--si-blue);background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:11px;margin-top:18px;padding:15px}.supplier-invoice-detail-notes span{color:var(--si-muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.supplier-invoice-detail-notes strong{color:var(--si-text);overflow-wrap:anywhere;font-size:12px;line-height:1.65;display:block}.supplier-invoice-payment-content{padding:22px 24px}.supplier-invoice-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.supplier-invoice-payment-summary>div{border:1px solid var(--si-border);background:#f8fafc;border-radius:11px;padding:15px}.supplier-invoice-payment-summary span{color:var(--si-muted);margin-bottom:5px;font-size:10px;font-weight:800;display:block}.supplier-invoice-payment-summary strong{color:var(--si-dark);font-size:17px}.supplier-invoice-payment-content .supplier-invoice-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-invoice-table-wrapper::-webkit-scrollbar{height:8px}.supplier-invoice-details-table-wrapper::-webkit-scrollbar{height:8px}.supplier-invoice-form-content::-webkit-scrollbar{width:10px}.supplier-invoice-details-content::-webkit-scrollbar{width:10px}.supplier-invoice-payment-content::-webkit-scrollbar{width:10px}.supplier-invoice-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.supplier-invoice-details-table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.supplier-invoice-form-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.supplier-invoice-details-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.supplier-invoice-payment-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.supplier-invoice-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-details-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-form-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-details-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-invoice-payment-content::-webkit-scrollbar-track{background:#f8fafc}@media (width<=1500px){.supplier-invoice-summary-grid,.supplier-invoice-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-invoice-filter.search-filter{grid-column:1/-1}.supplier-invoice-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-invoice-total-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.supplier-invoices-page{padding:18px}.supplier-invoices-header{flex-direction:column}.supplier-invoice-header-actions{justify-content:flex-start}.supplier-invoice-summary-grid,.supplier-invoice-filter-card,.supplier-invoice-detail-grid,.supplier-invoice-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-invoice-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-invoice-modal{width:100%}}@media (width<=760px){.supplier-invoices-page{padding:12px}.supplier-invoices-header h1{font-size:28px}.supplier-invoice-summary-grid,.supplier-invoice-filter-card,.supplier-invoice-form-grid,.supplier-invoice-item-grid,.supplier-invoice-total-card,.supplier-invoice-detail-grid,.supplier-invoice-detail-totals,.supplier-invoice-payment-summary{grid-template-columns:1fr}.supplier-invoice-filter.search-filter{grid-column:auto}.supplier-invoice-modal-overlay{align-items:flex-start;padding:8px;overflow-y:auto}.supplier-invoice-modal{border-radius:14px;width:100%;height:calc(100vh - 16px);max-height:calc(100vh - 16px);margin:0}.supplier-invoice-modal-header{padding:17px}.supplier-invoice-form-section,.supplier-invoice-details-content,.supplier-invoice-payment-content{padding-left:16px;padding-right:16px}.supplier-invoice-modal-footer{justify-content:stretch;padding:14px 16px}.supplier-invoice-modal-footer>button{flex:160px;min-height:44px}.supplier-invoice-items-header{flex-direction:column}.supplier-invoice-add-item-btn{width:100%}.supplier-invoice-item-card{padding:58px 17px 17px}.supplier-invoice-item-number{top:16px;left:17px}.supplier-invoice-item-grid .supplier-invoice-form-group:nth-child(8){grid-column:auto}.supplier-invoice-header-actions{width:100%}.supplier-invoice-header-actions>button{flex:1}.supplier-invoice-details-top{flex-direction:column;align-items:flex-start}.supplier-invoice-details-table-wrapper{overflow-x:auto}.supplier-invoice-details-table{min-width:850px}}@media (width<=480px){.supplier-invoices-page{padding:8px}.supplier-invoices-header h1{font-size:25px}.supplier-invoice-modal-overlay{padding:4px}.supplier-invoice-modal{border-radius:10px;height:calc(100vh - 8px);max-height:calc(100vh - 8px)}.supplier-invoice-modal-header{gap:10px;padding:14px}.supplier-invoice-modal-header h2{font-size:18px}.supplier-invoice-form-section,.supplier-invoice-details-content,.supplier-invoice-payment-content{padding-left:12px;padding-right:12px}.supplier-invoice-modal-footer{padding:10px 12px}.supplier-invoice-modal-footer>button{flex:100%}}@media print{@page{size:A4;margin:12mm}html,body{margin:0;padding:0;background:#fff!important}.supplier-invoices-page{min-height:auto;color:#000!important;background:#fff!important;padding:0!important}.supplier-invoice-header-actions,.supplier-invoice-filter-card,.supplier-invoice-summary-grid,.supplier-invoice-actions,.supplier-invoice-alert,.supplier-invoice-modal-close,.supplier-invoice-modal-footer,.supplier-invoice-card{display:none!important}.supplier-invoice-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;width:100%!important;height:auto!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.supplier-invoice-details-modal{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;overflow:visible!important}.supplier-invoice-details-modal .supplier-invoice-modal-header{border-bottom:2px solid var(--si-primary)!important;padding:0 0 14px!important}.supplier-invoice-details-content{height:auto!important;max-height:none!important;padding:16px 0 0!important;overflow:visible!important}.supplier-invoice-details-table,.supplier-invoice-detail-totals{width:100%!important;min-width:0!important}.supplier-invoice-details-section{page-break-inside:avoid;box-shadow:none!important}.supplier-invoice-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.supplier-invoice-detail-totals{grid-template-columns:repeat(3,minmax(0,1fr))!important}.supplier-invoice-details-table th,.supplier-invoice-details-table td{padding:6px 7px!important}.supplier-invoice-detail-notes{page-break-inside:avoid}.supplier-invoice-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--sp-primary:#0f766e;--sp-primary-dark:#115e59;--sp-primary-light:#ccfbf1;--sp-blue:#2563eb;--sp-blue-dark:#1d4ed8;--sp-blue-light:#dbeafe;--sp-green:#16a34a;--sp-green-dark:#15803d;--sp-green-light:#dcfce7;--sp-purple:#7c3aed;--sp-purple-dark:#6d28d9;--sp-purple-light:#ede9fe;--sp-orange:#ea580c;--sp-orange-dark:#c2410c;--sp-orange-light:#ffedd5;--sp-red:#dc2626;--sp-red-dark:#b91c1c;--sp-red-light:#fee2e2;--sp-dark:#0f172a;--sp-text:#1e293b;--sp-muted:#64748b;--sp-muted-dark:#475569;--sp-border:#e2e8f0;--sp-border-dark:#cbd5e1;--sp-bg:#f8fafc;--sp-white:#fff;--sp-radius-sm:8px;--sp-radius-md:12px;--sp-radius-lg:16px;--sp-radius-xl:20px;--sp-shadow-sm:0 1px 3px #0f172a14;--sp-shadow-md:0 10px 30px #0f172a1a;--sp-shadow-lg:0 24px 70px #0f172a40;--sp-shadow-xl:0 30px 80px #0f172a47}.supplier-payments-page{box-sizing:border-box;width:100%;min-height:100vh;color:var(--sp-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.supplier-payments-page *,.supplier-payments-page :before,.supplier-payments-page :after{box-sizing:border-box}.supplier-payments-container{width:100%;max-width:1850px;margin:0 auto}.supplier-payments-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.supplier-payments-eyebrow{color:var(--sp-primary);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:900}.supplier-payments-header h1{color:var(--sp-dark);letter-spacing:-.7px;margin:5px 0 8px;font-size:34px;font-weight:800;line-height:1.15}.supplier-payments-header p{max-width:760px;color:var(--sp-muted);margin:0;font-size:14px;line-height:1.65}.supplier-payments-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.supplier-payments-primary-btn,.supplier-payments-secondary-btn,.supplier-payments-summary-btn,.supplier-payments-filter-btn,.supplier-payments-clear-btn,.supplier-payment-view-btn,.supplier-payment-invoice-btn,.supplier-payment-edit-btn,.supplier-payment-delete-btn{cursor:pointer;font-family:inherit;font-weight:800;transition:transform .15s,background .15s,border-color .15s,color .15s,box-shadow .15s,filter .15s,opacity .15s}.supplier-payments-primary-btn,.supplier-payments-secondary-btn,.supplier-payments-summary-btn{border-radius:var(--sp-radius-sm);min-height:42px;padding:10px 16px;font-size:13px}.supplier-payments-primary-btn{border:1px solid var(--sp-primary);background:linear-gradient(135deg, var(--sp-primary), var(--sp-primary-dark));color:#fff;box-shadow:0 6px 16px #0f766e2e}.supplier-payments-primary-btn:hover{background:linear-gradient(135deg, var(--sp-primary-dark), #0f4f4b);transform:translateY(-1px);box-shadow:0 10px 24px #0f766e3d}.supplier-payments-secondary-btn{border:1px solid var(--sp-border-dark);color:var(--sp-text);background:#fff}.supplier-payments-secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.supplier-payments-summary-btn{border:1px solid var(--sp-purple);color:var(--sp-purple-dark);background:#fff}.supplier-payments-summary-btn:hover{background:var(--sp-purple-light);transform:translateY(-1px)}.supplier-payments-primary-btn:disabled,.supplier-payments-secondary-btn:disabled,.supplier-payments-summary-btn:disabled,.supplier-payments-filter-btn:disabled,.supplier-payments-clear-btn:disabled,.supplier-payment-view-btn:disabled,.supplier-payment-invoice-btn:disabled,.supplier-payment-edit-btn:disabled,.supplier-payment-delete-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.supplier-payments-alert{border-radius:var(--sp-radius-md);border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.supplier-payments-alert-success{color:#166534;background:var(--sp-green-light);border-color:#86efac}.supplier-payments-alert-error{color:#991b1b;background:var(--sp-red-light);border-color:#fca5a5}.supplier-payments-alert-icon{background:#ffffffd9;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex}.supplier-payments-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.supplier-payments-alert strong{font-size:13px}.supplier-payments-alert span{font-size:13px;line-height:1.55}.supplier-payments-alert>button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:22px;line-height:1}.supplier-payments-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.supplier-payments-summary-card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);min-height:100px;box-shadow:var(--sp-shadow-sm);background:#fff;align-items:center;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s;display:flex}.supplier-payments-summary-card:hover{box-shadow:var(--sp-shadow-md);transform:translateY(-2px)}.supplier-payments-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.supplier-payments-summary-card span{color:var(--sp-muted);font-size:10px;font-weight:700;line-height:1.35}.supplier-payments-summary-card strong{color:var(--sp-dark);font-size:17px;font-weight:800;line-height:1.25}.supplier-payments-summary-icon{border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:14px;font-weight:900;display:flex}.supplier-payments-summary-icon.blue{color:var(--sp-blue);background:var(--sp-blue-light)}.supplier-payments-summary-icon.green{color:var(--sp-green);background:var(--sp-green-light)}.supplier-payments-summary-icon.purple{color:var(--sp-purple);background:var(--sp-purple-light)}.supplier-payments-summary-icon.orange{color:var(--sp-orange);background:var(--sp-orange-light)}.supplier-payments-summary-icon.dark{color:var(--sp-dark);background:#e2e8f0}.supplier-payments-summary-icon.red{color:var(--sp-red);background:var(--sp-red-light)}.supplier-payments-filter-card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-md);box-shadow:var(--sp-shadow-sm);background:#fff;grid-template-columns:minmax(290px,2fr) minmax(170px,1fr) minmax(170px,1fr) minmax(145px,.8fr) minmax(145px,.8fr) auto auto;align-items:end;gap:11px;margin-bottom:20px;padding:16px;display:grid}.supplier-payments-filter{min-width:0}.supplier-payments-filter label{color:var(--sp-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-payments-filter input,.supplier-payments-filter select,.supplier-payments-form-group input,.supplier-payments-form-group select,.supplier-payments-form-group textarea{box-sizing:border-box;border:1px solid var(--sp-border-dark);width:100%;color:var(--sp-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.supplier-payments-filter input,.supplier-payments-filter select,.supplier-payments-form-group input,.supplier-payments-form-group select{min-height:42px;padding:10px 11px}.supplier-payments-search-wrapper{position:relative}.supplier-payments-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.supplier-payments-search-wrapper input{padding-left:38px}.supplier-payments-filter input:focus,.supplier-payments-filter select:focus,.supplier-payments-form-group input:focus,.supplier-payments-form-group select:focus,.supplier-payments-form-group textarea:focus{border-color:var(--sp-primary);box-shadow:0 0 0 3px #0f766e1a}.supplier-payments-filter-btn,.supplier-payments-clear-btn{white-space:nowrap;border-radius:8px;min-height:42px;padding:10px 14px;font-size:12px}.supplier-payments-filter-btn{border:1px solid var(--sp-primary);background:var(--sp-primary);color:#fff}.supplier-payments-filter-btn:hover{background:var(--sp-primary-dark);transform:translateY(-1px)}.supplier-payments-clear-btn{border:1px solid var(--sp-border-dark);color:var(--sp-muted);background:#fff}.supplier-payments-clear-btn:hover{color:var(--sp-text);background:#f8fafc}.supplier-payments-card,.supplier-payment-history-card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-sm);background:#fff;margin-bottom:22px;overflow:hidden}.supplier-payments-card-header{border-bottom:1px solid var(--sp-border);justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.supplier-payments-card-header h2{color:var(--sp-dark);margin:0 0 5px;font-size:18px}.supplier-payments-card-header p{color:var(--sp-muted);margin:0;font-size:12px;line-height:1.5}.supplier-payments-card-header>span{color:var(--sp-muted);white-space:nowrap;font-size:11px;font-weight:800}.supplier-payments-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto hidden}.supplier-payments-table{border-collapse:collapse;width:100%;min-width:1150px}.supplier-payments-table th{border-bottom:1px solid var(--sp-border);color:#475569;text-align:left;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:13px 14px;font-size:9px;font-weight:900}.supplier-payments-table td{color:var(--sp-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px;font-size:12px}.supplier-payments-table tbody tr:hover{background:#f8fafc}.supplier-payments-supplier-cell,.supplier-payments-invoice-cell{flex-direction:column;gap:3px;display:flex}.supplier-payments-supplier-cell strong,.supplier-payments-invoice-cell strong{color:var(--sp-dark);font-size:11px}.supplier-payments-supplier-cell small,.supplier-payments-invoice-cell small{color:var(--sp-muted);font-size:10px}.supplier-payments-amount{color:var(--sp-dark);font-size:12px}.supplier-payment-method{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:9px;font-weight:900;display:inline-flex}.supplier-payment-method.cash{color:#166534;background:var(--sp-green-light)}.supplier-payment-method.mpesa{color:#166534;background:#dcfce7}.supplier-payment-method.bank{color:#1d4ed8;background:var(--sp-blue-light)}.supplier-payment-method.card{color:#6d28d9;background:var(--sp-purple-light)}.supplier-payment-method.cheque{color:#c2410c;background:var(--sp-orange-light)}.supplier-payment-method.other{color:#475569;background:#e2e8f0}.supplier-payments-actions{flex-wrap:wrap;gap:5px;display:flex}.supplier-payment-view-btn,.supplier-payment-invoice-btn,.supplier-payment-edit-btn,.supplier-payment-delete-btn{white-space:nowrap;border:0;border-radius:7px;min-height:30px;padding:7px 9px;font-size:10px}.supplier-payment-view-btn{color:#1d4ed8;background:var(--sp-blue-light)}.supplier-payment-invoice-btn{color:#6d28d9;background:var(--sp-purple-light)}.supplier-payment-edit-btn{color:#0f766e;background:var(--sp-primary-light)}.supplier-payment-delete-btn{color:#b91c1c;background:var(--sp-red-light)}.supplier-payment-view-btn:hover,.supplier-payment-invoice-btn:hover,.supplier-payment-edit-btn:hover,.supplier-payment-delete-btn:hover{filter:brightness(.97);transform:translateY(-1px)}.supplier-payments-loading{min-height:300px;color:var(--sp-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.supplier-payments-spinner{border:3px solid #dbe4ec;border-top-color:var(--sp-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite supplier-payments-spin}@keyframes supplier-payments-spin{to{transform:rotate(360deg)}}.supplier-payments-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:45px 20px;display:flex}.supplier-payments-empty-icon{background:#f1f5f9;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:14px;font-size:29px;display:flex}.supplier-payments-empty h3{color:var(--sp-dark);margin:0 0 7px;font-size:18px}.supplier-payments-empty p{color:var(--sp-muted);margin:0 0 18px;font-size:13px}.supplier-payments-access-denied{border:1px solid var(--sp-border);max-width:620px;box-shadow:var(--sp-shadow-md);text-align:center;background:#fff;border-radius:18px;margin:110px auto;padding:45px 30px}.supplier-payments-denied-icon{background:var(--sp-red-light);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:30px;display:flex}.supplier-payments-access-denied h1{color:var(--sp-dark);margin:0 0 10px;font-size:25px}.supplier-payments-access-denied p{color:var(--sp-muted);margin:0 0 8px;line-height:1.6}.supplier-payments-access-denied span{color:var(--sp-muted);font-size:13px}.supplier-payment-supplier-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;display:grid}.supplier-payment-supplier-option{border:1px solid var(--sp-border);width:100%;min-height:58px;color:var(--sp-text);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.supplier-payment-supplier-option:hover{background:#f8fafc;border-color:#99f6e4;transform:translateY(-1px)}.supplier-payment-supplier-option>span:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.supplier-payment-supplier-option strong{color:var(--sp-dark);font-size:11px}.supplier-payment-supplier-option small{color:var(--sp-muted);font-size:9px}.supplier-payment-supplier-option>span:last-child{color:var(--sp-primary);font-size:17px;font-weight:900}.supplier-payment-supplier-avatar{background:var(--sp-primary-light);width:37px;height:37px;color:var(--sp-primary-dark);border-radius:10px;flex:0 0 37px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.supplier-payments-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-overflow-scrolling:touch;background:#0f172aad;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.supplier-payments-modal{border-radius:var(--sp-radius-xl);width:min(920px,100%);max-width:100%;height:calc(100vh - 40px);min-height:0;max-height:calc(100vh - 40px);box-shadow:var(--sp-shadow-xl);background:#fff;border:1px solid #fff6;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow:hidden}.supplier-payments-wide-modal{width:min(1150px,100%)}.supplier-payments-modal-header{border-bottom:1px solid var(--sp-border);background:linear-gradient(#fff 0%,#fbfdff 100%);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.supplier-payments-modal-header>div{min-width:0}.supplier-payments-modal-header span{color:var(--sp-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:900}.supplier-payments-modal-header h2{color:var(--sp-dark);margin:5px 0;font-size:22px;line-height:1.25}.supplier-payments-modal-header p{color:var(--sp-muted);margin:0;font-size:13px;line-height:1.5}.supplier-payments-modal-close{border:1px solid var(--sp-border);width:40px;height:40px;color:var(--sp-muted);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;font-size:23px;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.supplier-payments-modal-close:hover{color:var(--sp-dark);background:#f8fafc;border-color:#94a3b8;transform:rotate(3deg)}.supplier-payments-modal>form{flex-direction:column;flex:auto;height:auto;min-height:0;display:flex}.supplier-payments-form-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc;flex:auto;width:100%;min-height:0;overflow:hidden auto}.supplier-payments-form-content::-webkit-scrollbar{width:10px}.supplier-payments-form-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-payments-form-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-payments-form-content::-webkit-scrollbar-thumb:hover{background:#64748b}.supplier-payments-form-section{border-bottom:1px solid var(--sp-border);padding:22px 24px}.supplier-payments-form-section:last-child{border-bottom:0}.supplier-payments-section-title{color:var(--sp-dark);margin-bottom:16px;font-size:15px;font-weight:800}.supplier-payments-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.supplier-payments-form-group{min-width:0}.supplier-payments-form-group.full{grid-column:1/-1}.supplier-payments-form-group label{color:var(--sp-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.supplier-payments-form-group textarea{resize:vertical;min-height:100px;padding:11px 12px}.supplier-payments-form-group small{color:var(--sp-muted);margin-top:5px;font-size:10px;display:block}.supplier-payments-payment-summary{border-top:1px solid var(--sp-border);border-bottom:1px solid var(--sp-border);background:linear-gradient(#f8fafc,#f1f5f9);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 24px;display:grid}.supplier-payments-payment-summary>div{border:1px solid var(--sp-border);background:#fff;border-radius:11px;padding:15px;box-shadow:0 2px 7px #0f172a08}.supplier-payments-payment-summary span{color:var(--sp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-payments-payment-summary strong{color:var(--sp-dark);font-size:15px}.supplier-payments-balance{color:var(--sp-red)!important}.supplier-payments-modal-footer{border-top:1px solid var(--sp-border);z-index:10;background:linear-gradient(#f8fafc,#f1f5f9);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:15px 24px;display:flex;position:relative;box-shadow:0 -6px 16px #0f172a0f}.supplier-payments-modal-footer>button{flex-shrink:0}.supplier-payment-details-content,.supplier-payment-invoice-content,.supplier-history-content,.supplier-summary-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc;flex:auto;width:100%;min-height:0;padding:22px 24px;overflow:hidden auto}.supplier-payment-details-content::-webkit-scrollbar{width:10px}.supplier-payment-invoice-content::-webkit-scrollbar{width:10px}.supplier-history-content::-webkit-scrollbar{width:10px}.supplier-summary-content::-webkit-scrollbar{width:10px}.supplier-payment-details-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-payment-invoice-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-history-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-summary-content::-webkit-scrollbar-track{background:#f8fafc}.supplier-payment-details-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-payment-invoice-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-history-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-summary-content::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f8fafc;border-radius:20px}.supplier-payment-detail-highlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.supplier-payment-detail-highlight>div{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #ccfbf1;border-radius:11px;padding:16px}.supplier-payment-detail-highlight span{color:var(--sp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-payment-detail-highlight strong{color:var(--sp-primary-dark);font-size:17px}.supplier-payment-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.supplier-payment-details-grid>div{border:1px solid var(--sp-border);background:linear-gradient(145deg,#fff,#fafcff);border-radius:10px;padding:14px}.supplier-payment-details-grid span{color:var(--sp-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.supplier-payment-details-grid strong{color:var(--sp-dark);overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.supplier-payment-notes{border:1px solid #bfdbfe;border-left:4px solid var(--sp-blue);background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:10px;margin-top:16px;padding:15px}.supplier-payment-notes span{color:var(--sp-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.supplier-payment-notes strong{color:var(--sp-text);font-size:12px;line-height:1.6;display:block}.supplier-payments-no-data{text-align:center;font-weight:700;color:var(--sp-muted)!important;padding:40px!important}.supplier-summary-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.supplier-summary-stat-grid>div{border:1px solid var(--sp-border);background:#fff;border-radius:11px;padding:16px}.supplier-summary-stat-grid span{color:var(--sp-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.supplier-summary-stat-grid strong{color:var(--sp-dark);font-size:16px}.supplier-payments-table-wrapper::-webkit-scrollbar{height:8px}.supplier-payments-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.supplier-payments-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.supplier-payments-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1500px){.supplier-payments-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.supplier-payments-filter-card{grid-template-columns:minmax(250px,2fr) repeat(2,minmax(160px,1fr)) repeat(2,minmax(135px,.8fr)) auto auto}}@media (width<=1150px){.supplier-payments-page{padding:18px}.supplier-payments-header{flex-direction:column}.supplier-payments-header-actions{justify-content:flex-start}.supplier-payments-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-payments-filter.search-filter{grid-column:1/-1}.supplier-payment-supplier-list,.supplier-summary-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-payments-wide-modal{width:100%}}@media (width<=800px){.supplier-payments-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-payments-form-grid,.supplier-payment-details-grid,.supplier-payments-payment-summary,.supplier-payment-detail-highlight{grid-template-columns:1fr}.supplier-payments-payment-summary{padding:18px}.supplier-payment-detail-highlight{margin-bottom:16px}}@media (width<=650px){.supplier-payments-page{padding:12px}.supplier-payments-header h1{font-size:28px}.supplier-payments-header-actions{width:100%}.supplier-payments-header-actions>button{flex:1}.supplier-payments-summary-grid,.supplier-payments-filter-card{grid-template-columns:1fr}.supplier-payments-filter.search-filter{grid-column:auto}.supplier-payment-supplier-list,.supplier-summary-stat-grid{grid-template-columns:1fr}.supplier-payments-modal-overlay{align-items:flex-start;padding:8px;overflow-y:auto}.supplier-payments-modal{border-radius:14px;width:100%;height:calc(100vh - 16px);max-height:calc(100vh - 16px);margin:0}.supplier-payments-modal-header{padding:17px}.supplier-payments-form-section,.supplier-payment-details-content,.supplier-payment-invoice-content,.supplier-history-content,.supplier-summary-content{padding-left:16px;padding-right:16px}.supplier-payments-modal-footer{justify-content:stretch;padding:14px 16px}.supplier-payments-modal-footer>button{flex:160px;min-height:44px}.supplier-payments-summary-card{min-height:88px}}@media (width<=480px){.supplier-payments-page{padding:8px}.supplier-payments-header h1{font-size:25px}.supplier-payments-modal-overlay{padding:4px}.supplier-payments-modal{border-radius:10px;height:calc(100vh - 8px);max-height:calc(100vh - 8px)}.supplier-payments-modal-header{gap:10px;padding:14px}.supplier-payments-modal-header h2{font-size:18px}.supplier-payments-form-section,.supplier-payment-details-content,.supplier-payment-invoice-content,.supplier-history-content,.supplier-summary-content{padding-left:12px;padding-right:12px}.supplier-payments-modal-footer{padding:10px 12px}.supplier-payments-modal-footer>button{flex:100%}}@media print{@page{size:A4;margin:12mm}html,body{margin:0;padding:0;background:#fff!important}.supplier-payments-page{min-height:auto;color:#000!important;background:#fff!important;padding:0!important}.supplier-payments-header-actions,.supplier-payments-filter-card,.supplier-payments-summary-grid,.supplier-payment-history-card,.supplier-payments-actions,.supplier-payments-alert,.supplier-payments-modal-close,.supplier-payments-modal-footer{display:none!important}.supplier-payments-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;width:100%!important;height:auto!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.supplier-payments-modal{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;overflow:visible!important}.supplier-payments-form-content,.supplier-payment-details-content,.supplier-payment-invoice-content,.supplier-history-content,.supplier-summary-content{height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important}}.shift-page{--ink:#172033;--muted:#667085;--faint:#98a2b3;--line:#e5eaf1;--line-strong:#d7dee8;--surface:#fff;--surface-alt:#f8fafc;--page:#f3f6fb;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--green:#047857;--green-soft:#ecfdf5;--orange:#c2410c;--orange-soft:#fff7ed;--purple:#7e22ce;--purple-soft:#faf5ff;--red:#b91c1c;--red-soft:#fef2f2;--yellow:#a16207;--yellow-soft:#fefce8;--radius-sm:9px;--radius:14px;--radius-lg:18px;--shadow:0 5px 18px #0f172a0f;--shadow-hover:0 15px 28px #0f172a1c;background:radial-gradient(circle at 0% 0%, #dbeafecc, transparent 28rem), radial-gradient(circle at 100% 0%, #ede9feb3, transparent 25rem), var(--page);width:100%;min-height:100vh;color:var(--ink);padding:clamp(16px,2.3vw,30px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.shift-page,.shift-page *,.shift-page :before,.shift-page :after{box-sizing:border-box}.shift-page button,.shift-page input,.shift-page select,.shift-page textarea{font:inherit}.shift-page button{-webkit-tap-highlight-color:transparent}.shift-page ::-webkit-scrollbar{width:8px;height:8px}.shift-page ::-webkit-scrollbar-track{background:#f1f5f9}.shift-page ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.shift-page ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.shift-page .page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.shift-page .page-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.14}.shift-page .page-header p{color:var(--muted);margin:7px 0 0;font-size:13px}.shift-page .primary-btn,.shift-page .secondary-btn,.shift-page .view-btn,.shift-page .report-btn,.shift-page .close-btn,.shift-page .reopen-btn,.shift-page .lock-btn,.shift-page .delete-btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-size:12px;font-weight:700;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}.shift-page .primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 5px 13px #2563eb3d}.shift-page .primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 19px #2563eb4d}.shift-page .secondary-btn{color:#344054;border-color:var(--line-strong);background:#fff}.shift-page .secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#bfc9d7;transform:translateY(-1px)}.shift-page .danger-btn{color:#b42318;cursor:pointer;background:#fff1f0;border:1px solid #fecaca;border-radius:9px;padding:7px 10px;font-weight:700;transition:all .18s}.shift-page .danger-btn:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 5px 12px #dc262638}.shift-page .table-actions{align-items:center;gap:7px;display:inline-flex}.shift-page .table-actions .secondary-btn{padding:7px 10px;font-size:.78rem}.shift-page .view-btn{color:var(--blue-dark);background:var(--blue-soft);border-color:#dbeafe}.shift-page .report-btn{color:var(--purple);background:var(--purple-soft);border-color:#ead7fd}.shift-page .close-btn{color:var(--orange);background:var(--orange-soft);border-color:#fed7aa}.shift-page .reopen-btn{color:var(--green);background:var(--green-soft);border-color:#bbf7d0}.shift-page .lock-btn{color:var(--yellow);background:var(--yellow-soft);border-color:#fde68a}.shift-page .delete-btn{color:var(--red);background:var(--red-soft);border-color:#fecaca}.shift-page :is(.view-btn,.report-btn,.close-btn,.reopen-btn,.lock-btn,.delete-btn):hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.shift-page button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none!important}.shift-page button:focus-visible,.shift-page input:focus-visible,.shift-page select:focus-visible,.shift-page textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.shift-page .alert{border:1px solid;border-radius:12px;align-items:center;gap:10px;width:min(460px,100vw - 32px);padding:13px 14px;font-size:13px;animation:.22s ease-out shift-alert-in;display:flex;box-shadow:0 16px 35px #0f172a29}.shift-page .alert>span:first-child{border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.shift-page .alert>span:nth-child(2){flex:1}.shift-page .alert button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:19px}.shift-page .success-alert{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.shift-page .success-alert>span:first-child{background:#dcfce7}.shift-page .error-alert{color:#991b1b;background:#fef2f2;border-color:#fecaca}.shift-page .error-alert>span:first-child{background:#fee2e2}.shift-page .filter-card{border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #fffc;align-items:flex-end;gap:14px;margin-bottom:20px;padding:16px;display:flex}.shift-page .filter-group{min-width:165px}.shift-page .search-group{flex:1;min-width:220px}.shift-page :is(.filter-group,.form-group) label{color:#344054;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea){width:100%;color:var(--ink);background:#fff;border:1px solid #d5dce6;border-radius:9px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.shift-page :is(.filter-group,.form-group) :is(input,select){height:42px;padding:0 11px}.shift-page .form-group textarea{resize:vertical;min-height:86px;padding:10px 11px}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea):hover{border-color:#bfc9d7}.shift-page :is(.filter-group,.form-group) :is(input,select,textarea):focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.shift-page :is(input,textarea)::placeholder{color:#98a2b3}.shift-page .form-group input[readonly]{color:#475569;cursor:not-allowed;background:#f8fafc}.shift-page .form-group small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}.shift-page .form-group input[type=checkbox]{accent-color:var(--blue);cursor:pointer;box-shadow:none;margin:0;padding:0;width:18px!important;height:18px!important;min-height:18px!important}.shift-page .form-group label:has(input[type=checkbox]){color:#475467;margin:0;font-weight:650}.shift-page .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.shift-page .summary-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#fff;align-items:center;gap:13px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.shift-page .summary-card:hover{box-shadow:var(--shadow-hover);border-color:#cdd8e6;transform:translateY(-2px)}.shift-page .summary-icon{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.shift-page .summary-card span{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:650;display:block}.shift-page .summary-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:800;display:block;overflow:hidden}.shift-page .table-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;overflow:hidden}.shift-page .table-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:15px 19px;display:flex}.shift-page .table-header h2{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:800}.shift-page .table-header span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.shift-page .table-wrapper{width:100%;overflow-x:auto}.shift-page .table-wrapper table{min-width:1080px}.shift-page table{border-collapse:collapse;width:100%}.shift-page th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:12px 14px;font-size:10px;font-weight:800}.shift-page td{color:#475467;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:13px 14px;font-size:12px}.shift-page td small{color:var(--faint);margin-top:3px;font-size:10px;display:block}.shift-page tbody tr{transition:background .15s}.shift-page tbody tr:hover{background:#f8fbff}.shift-page tbody tr:last-child td{border-bottom:0}.shift-page .shift-name{color:var(--ink);font-weight:800}.shift-page .action-buttons{flex-wrap:wrap;gap:6px;min-width:330px;display:flex}.shift-page .action-buttons button{min-height:33px;padding:6px 9px;font-size:11px}.shift-page .status{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-width:70px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.shift-page .status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.shift-page .status-open{color:#15803d;background:#dcfce7}.shift-page .status-closed{color:#475569;background:#e2e8f0}.shift-page .status-locked{color:#c2410c;background:#ffedd5}.shift-page .status-reopened{color:#1d4ed8;background:#dbeafe}.shift-page .status-default{color:#64748b;background:#f1f5f9}.shift-page .lock-label{color:#b45309;margin-left:5px;font-size:11px;font-weight:700}.shift-page :is(.loading,.empty-state){text-align:center;align-content:center;place-items:center;min-height:220px;padding:32px;display:grid}.shift-page .loading{color:var(--muted)}.shift-page .empty-state>div{margin-bottom:8px;font-size:38px}.shift-page .empty-state h3{color:#344054;margin:0;font-size:16px}.shift-page .empty-state p{color:var(--muted);margin:6px 0 0;font-size:12px}.shift-page :is(.empty-small,.mini-empty){color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;padding:18px;font-size:12px}.shift-page .modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a9e;justify-content:center;align-items:center;padding:22px;animation:.18s ease-out shift-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.shift-page .modal{border-radius:var(--radius-lg);background:#fff;border:1px solid #fffc;width:100%;max-width:690px;max-height:calc(100vh - 44px);animation:.2s ease-out shift-modal;position:relative;overflow:hidden auto;box-shadow:0 28px 80px #0f172a4d}.shift-page .modal-large{width:min(1180px,100%);max-width:1180px}.shift-page .modal-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 21px;display:flex;position:sticky;top:0}.shift-page .modal-header h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.shift-page .modal-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.shift-page .modal-header small{color:#1d4ed8;margin-top:7px;font-size:11px;font-weight:650;display:block}.shift-page .modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.shift-page .modal-close:hover{background:#e2e8f0}.shift-page .transaction-option{transition:border-color .15s,background .15s,box-shadow .15s}.shift-page .transaction-option:hover{background:#f8fbff;border-color:#93c5fd!important}.shift-page .transaction-option:has(input:checked){background:#eff6ff;box-shadow:0 0 0 3px #2563eb14;border-color:#60a5fa!important}.shift-page .transaction-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue);flex:0 0 18px;margin:0}.shift-page .modal form{padding:21px}.shift-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.shift-page .form-group{min-width:0}.shift-page .form-group.full{grid-column:1/-1}.shift-page .modal-footer{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;margin-top:21px;padding-top:17px;display:flex}.shift-page .details-actions{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:8px;padding:14px 21px;display:flex}.shift-page .details-top{border-bottom:1px solid var(--line);background:#f8fafc;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:19px 21px;display:grid}.shift-page .details-top>div{border:1px solid var(--line);background:#fff;border-radius:11px;min-width:0;padding:12px}.shift-page .details-top span{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:750;display:block}.shift-page .details-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.shift-page .details-section{border-bottom:1px solid var(--line);padding:21px}.shift-page .details-section:last-child{border-bottom:0}.shift-page .details-section>h3,.shift-page .section-heading h3{color:var(--ink);margin:0;font-size:15px;font-weight:800}.shift-page .details-section>h3{margin-bottom:14px}.shift-page .section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.shift-page .section-heading span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.shift-page .calculation-box{background:#f8fafc;border:1px solid #dbe4f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px;padding:13px;display:grid}.shift-page .calculation-box>div{background:#fff;border:1px solid #e8edf3;border-radius:9px;min-width:0;padding:11px}.shift-page .calculation-box span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.shift-page .calculation-box strong{font-size:14px;font-weight:800;display:block}.shift-page .report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.shift-page .report-grid>div{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbfcfe);border-radius:11px;flex-direction:column;justify-content:center;min-height:88px;padding:14px;display:flex}.shift-page .report-grid span{color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:700}.shift-page .report-grid strong{font-size:16px;font-weight:800}.shift-page .report-result{border-radius:var(--radius);background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbe4f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 21px 21px;padding:13px;display:grid}.shift-page .report-result>div{text-align:center;background:#fffc;border:1px solid #ffffffd9;border-radius:11px;padding:14px}.shift-page .report-result span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.shift-page .report-result strong{color:var(--blue-dark);font-size:20px;font-weight:800}@media (width<=1100px){.shift-page :is(.summary-grid,.details-top,.report-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.shift-page .page-header,.shift-page .filter-card{flex-direction:column;align-items:stretch}.shift-page :is(.filter-group,.search-group){width:100%;min-width:0}.shift-page :is(.form-grid,.summary-grid,.details-top,.report-grid,.report-result){grid-template-columns:1fr}.shift-page .form-group.full{grid-column:auto}.shift-page .details-actions{padding:13px 16px}.shift-page .details-section,.shift-page .details-top{padding:16px}.shift-page .report-result{margin:0 16px 16px}.shift-page .modal form{padding:16px}.shift-page .modal-footer{flex-direction:column-reverse;align-items:stretch}.shift-page .modal-footer button{width:100%}}@media (width<=540px){.shift-page{padding:10px}.shift-page .page-header h1{font-size:25px}.shift-page .action-buttons{width:100%;min-width:0}.shift-page .action-buttons button{flex:1}.shift-page .modal-overlay{padding:7px}.shift-page .modal{border-radius:14px;max-height:calc(100vh - 14px)}.shift-page .modal-header{padding:15px}.shift-page .modal-header h2{font-size:17px}}@media (prefers-reduced-motion:reduce){.shift-page *,.shift-page :before,.shift-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sales-page{--sales-ink:#102d4f;--sales-muted:#667b91;--sales-line:#dbe6f0;--sales-blue:#1769aa;--sales-blue-dark:#0d4e85;--sales-teal:#078878;--sales-red:#b73a4b;min-height:100vh;color:var(--sales-ink);background:linear-gradient(145deg,#f5f9fd 0%,#f9fbfe 48%,#f1f8f7 100%);padding:clamp(14px,2vw,28px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sales-page *,.sales-page :before,.sales-page :after{box-sizing:border-box}.sales-page button,.sales-page input,.sales-page select,.sales-page textarea{font:inherit}.sales-container{width:min(1500px,100%);margin:0 auto}.sales-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:3px 2px;display:flex}.sales-eyebrow,.sales-modal-eyebrow{color:#2174b4;letter-spacing:.13em;font-size:10px;font-weight:900}.sales-header h1{color:#102e51;letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(25px,3vw,32px)}.sales-header p{max-width:590px;color:var(--sales-muted);margin:5px 0 0;font-size:13px;line-height:1.55}.sales-header-actions,.sale-actions,.sales-line-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sales-primary-btn,.sales-secondary-btn,.sales-add-btn,.sale-view-btn,.sale-cancel-btn,.sales-print-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:37px;padding:8px 12px;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.sales-primary-btn{color:#fff;background:linear-gradient(135deg,#168d7c,#1377aa);box-shadow:0 6px 14px #0b6e862e}.sales-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 18px #0b6e8640}.sales-secondary-btn,.sale-view-btn,.sales-print-btn{color:#245579;background:#fff;border-color:#ceddea}.sales-secondary-btn:hover:not(:disabled),.sale-view-btn:hover:not(:disabled),.sales-print-btn:hover:not(:disabled){background:#f1f8fd;border-color:#7caed1;transform:translateY(-1px)}.sales-add-btn{color:#16649e;background:#edf6ff;border-color:#c9e1f3;min-height:33px}.sales-add-btn:hover{background:#dff0fc;border-color:#8dc5e6}.sales-add-btn.fuel-add-btn{color:#087965;background:#eaf9f4;border-color:#bfe8d9}.sales-add-btn.fuel-add-btn:hover{background:#dcf5ec;border-color:#85d8bd}.sale-cancel-btn{color:#b4233c;background:#fff1f2;border-color:#f4c5cd}.sale-cancel-btn:hover:not(:disabled){background:#ffe5e8;transform:translateY(-1px)}.sales-page button:disabled{cursor:not-allowed;opacity:.55}.sale-alert{border:1px solid;border-radius:11px;align-items:flex-start;gap:10px;margin:0 0 14px;padding:11px 13px;display:flex;box-shadow:0 5px 14px #1a415e0d}.sales-toast{z-index:1400;width:min(430px,100vw - 32px);margin:0;animation:.2s ease-out sales-toast-in;position:fixed;top:18px;right:18px;box-shadow:0 17px 38px #0f325338}@keyframes sales-toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sale-alert-success{color:#076b59;background:#f0fbf6;border-color:#bde7d8}.sale-alert-error{color:#9e2637;background:#fff5f5;border-color:#f1c6cc}.sale-alert-icon{color:#fff;background:currentColor;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.sale-alert strong,.sale-alert span{display:block}.sale-alert strong{font-size:12px}.sale-alert span{margin-top:1px;font-size:12px;line-height:1.45}.sale-alert button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:19px;line-height:1}.sales-summary-grid{grid-template-columns:repeat(6,minmax(145px,1fr));gap:10px;margin-bottom:14px;padding-bottom:2px;display:grid;overflow-x:auto}.sales-summary-card{background:#ffffffdb;border:1px solid #dce7f0;border-radius:12px;align-items:center;gap:9px;min-width:145px;padding:12px;display:flex;box-shadow:0 4px 12px #1e446309}.sales-summary-icon{border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.sales-summary-icon.blue{color:#1769aa;background:#e3f0fd}.sales-summary-icon.green{color:#078878;background:#e3f8f0}.sales-summary-icon.purple{color:#7052bd;background:#efeafd}.sales-summary-icon.orange{color:#bb6a16;background:#fff0df}.sales-summary-icon.dark{color:#3a5976;background:#e9eef4}.sales-summary-icon.red{color:#bb3f4d;background:#fee9eb}.sales-summary-card span,.sales-summary-card strong{display:block}.sales-summary-card span{color:#6b8299;letter-spacing:.025em;text-transform:uppercase;font-size:9px;font-weight:850}.sales-summary-card strong{color:#173b60;margin-top:2px;font-size:14px}.sales-filter-card{background:#fff;border:1px solid #dce7f0;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;padding:12px;display:flex}.sales-filter{gap:4px;min-width:135px;display:grid}.sales-filter.search-filter{flex:230px}.sales-filter label{color:#526f8a;font-size:10px;font-weight:850}.sales-page input,.sales-page select,.sales-page textarea{color:#173b60;background:#fff;border:1px solid #cbdce9;border-radius:8px;outline:none;width:100%;transition:border-color .16s,box-shadow .16s,background .16s}.sales-filter input,.sales-filter select{min-height:37px;padding:7px 9px}.sales-search-wrapper{position:relative}.sales-search-wrapper span{color:#7d95a9;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sales-search-wrapper input{padding-left:30px}.sales-page input:focus,.sales-page select:focus,.sales-page textarea:focus{border-color:#4995cd;box-shadow:0 0 0 3px #2f85ca21}.sales-page input[readonly]{cursor:default;color:#087765;background:#edf8f4;font-weight:750}.sales-card{background:#fff;border:1px solid #dbe6f0;border-radius:14px;overflow:hidden;box-shadow:0 7px 20px #1e44630d}.sales-card-header{border-bottom:1px solid #e5edf4;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.sales-card-header h2{margin:0;font-size:17px}.sales-card-header p{color:#71869a;margin:3px 0 0;font-size:11px}.sales-card-header>span{color:#22689e;background:#e8f3fc;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.sales-table-wrapper,.sales-items-wrapper,.sales-payments-wrapper{overflow-x:auto}.sales-table,.sales-items-table,.sales-payments-table,.sale-detail-table{border-collapse:collapse;width:100%}.sales-table{min-width:980px}.sales-table th,.sales-table td,.sales-items-table th,.sales-items-table td,.sales-payments-table th,.sales-payments-table td,.sale-detail-table th,.sale-detail-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f6;padding:10px 12px}.sales-table th,.sales-items-table th,.sales-payments-table th,.sale-detail-table th{color:#58718a;letter-spacing:.035em;text-transform:uppercase;background:#f7fafd;font-size:9px;font-weight:900}.sales-table td{color:#35536f;font-size:11px}.sales-table tbody tr:hover{background:#f9fcff}.sale-number-cell strong,.sale-customer-cell strong,.sale-shift-cell strong{color:#173e62;font-size:11px;display:block}.sale-number-cell small,.sale-customer-cell small,.sale-shift-cell small{color:#758ba0;margin-top:2px;font-size:9px;display:block}.sale-type-badge,.sale-status{border-radius:999px;align-items:center;min-height:23px;padding:3px 7px;font-size:9px;font-weight:850;display:inline-flex}.sale-type-cash{color:#06715c;background:#e2f7ef}.sale-type-credit{color:#a55809;background:#fff2d9}.sale-type-invoice{color:#315dc1;background:#e7efff}.status-completed{color:#08765c;background:#e6f8ef}.status-cancelled,.status-refunded{color:#b3293f;background:#ffe8ea}.status-draft{color:#576e83;background:#edf1f5}.sale-balance{color:#b35b13}.sale-balance-zero{color:#07836a}.sale-actions{gap:5px}.sale-view-btn,.sale-cancel-btn{min-height:28px;padding:5px 7px;font-size:10px}.sales-loading,.sales-empty{color:#71869a;text-align:center;place-content:center;justify-items:center;gap:8px;min-height:205px;padding:24px;display:grid}.sales-empty h3{color:#244b70;margin:0}.sales-empty p{margin:0 0 7px;font-size:12px}.sales-empty-icon{font-size:28px}.sales-spinner{border:3px solid #d6e5f1;border-top-color:#2183ba;border-radius:50%;width:27px;height:27px;animation:.75s linear infinite sales-spin}@keyframes sales-spin{to{transform:rotate(360deg)}}.sales-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a203787;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.sales-modal{background:#fff;border:1px solid #ffffffbf;border-radius:16px;width:min(1080px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 22px 60px #041f374a}.sales-details-modal{width:min(900px,100%)}.sales-modal-header{background:linear-gradient(110deg,#f6fbff,#f0f9f7);border-bottom:1px solid #dde8f0;justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 20px;display:flex}.sales-modal-header h2{color:#163b60;margin:4px 0 0;font-size:20px}.sales-modal-header p{color:#6c8297;margin:4px 0 0;font-size:12px}.sale-receipt-reference{color:#08775f;letter-spacing:.025em;background:#e4f6ee;border-radius:5px;margin-top:6px;padding:3px 6px;font-size:9px;font-weight:850;display:inline-flex}.sales-modal-close{color:#587087;cursor:pointer;background:#fff;border:1px solid #d6e3ed;border-radius:8px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:20px;line-height:1;display:grid}.sales-modal-close:hover{color:#20577d;background:#eff6fb}.sales-form-content{padding:18px 20px}.sales-form-section{background:#fcfdff;border:1px solid #dfe9f1;border-radius:12px;margin-bottom:14px;padding:14px}.sales-form-section-title{color:#1a456b;font-size:13px;font-weight:900}.sales-form-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sales-form-section-heading>div>span{color:#70869b;max-width:620px;margin-top:3px;font-size:10px;line-height:1.45;display:block}.sales-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:11px;display:grid}.sales-form-group{min-width:0}.sales-form-group.full{grid-column:1/-1}.sales-form-group label{color:#46647e;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.sales-form-group input,.sales-form-group select,.sales-form-section textarea{min-height:38px;padding:8px 9px;font-size:12px}.sales-form-section textarea{resize:vertical;min-height:86px}.sales-form-help{color:#70869b;margin-top:4px;font-size:10px;line-height:1.4;display:block}.sales-form-help.error{color:#b3293f}.required-mark{color:#bd3443}.sales-credit-info,.sales-info-note{color:#39647f;background:#f0f8fd;border:1px solid #cfe4f1;border-radius:8px;margin-top:9px;padding:9px 10px;font-size:11px;line-height:1.45}.sales-barcode-panel{background:linear-gradient(125deg,#effbf7,#f0f8ff);border:1px solid #a9dccd;border-radius:10px;grid-template-columns:minmax(190px,1fr) minmax(220px,1.15fr) auto;align-items:center;gap:9px;margin:11px 0 2px;padding:11px;display:grid}.sales-barcode-panel strong,.sales-barcode-panel span{display:block}.sales-barcode-panel strong{color:#087866;font-size:11px}.sales-barcode-panel span{color:#4d7687;margin-top:2px;font-size:10px;line-height:1.35}.sales-barcode-panel input{background:#fff;border-color:#9fd6c4;min-height:39px;padding:8px 10px}.sales-barcode-panel button,.sales-customer-lookup button{color:#fff;cursor:pointer;background:#078878;border:1px solid #0b8876;border-radius:8px;min-height:38px;padding:7px 10px;font-size:11px;font-weight:850}.sales-barcode-panel button:hover,.sales-customer-lookup button:hover{background:#067464}.sales-customer-lookup{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:0 0 7px;display:grid}.sales-customer-lookup input{background:#f8fcff;border-color:#b8d8ef;min-height:37px;padding:7px 9px}.sales-catalog-search{background:radial-gradient(circle at 88% 0,#60b0e226,#0000 34%),linear-gradient(125deg,#f4fbff,#f3fcf8);border:1px solid #b9dce9;border-radius:13px;grid-template-columns:minmax(210px,.74fr) minmax(300px,1.26fr);align-items:center;gap:14px;margin:0 0 8px;padding:13px 14px;display:grid}.sales-catalog-search-copy strong,.sales-catalog-search-copy span{display:block}.sales-catalog-search-copy strong{color:#164a6d;font-size:12px;font-weight:900}.sales-catalog-search-copy span{color:#5f7e94;margin-top:3px;font-size:10px;line-height:1.4}.sales-catalog-search-entry{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.sales-catalog-search-entry input{color:#123e60;background:#fff;border:1px solid #85c7dc;border-radius:10px;min-height:44px;padding:9px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 2px #0c52770a}.sales-catalog-search-entry input:focus{border-color:#158fbc;outline:0;box-shadow:0 0 0 3px #2698c324}.sales-catalog-search-entry button{color:#315977;cursor:pointer;background:#fff;border:1px solid #bdcfdd;border-radius:10px;min-height:44px;padding:8px 12px;font-size:11px;font-weight:850}.sales-catalog-search-entry button:hover{background:#eef8ff;border-color:#79add0}.sales-product-catalog-caption{justify-content:space-between;align-items:center;gap:12px;margin:0 2px 7px;display:flex}.sales-product-catalog-caption strong{color:#1c4c68;font-size:11px}.sales-product-catalog-caption span{color:#66869a;text-align:right;font-size:10px}.sales-product-tiles{background:linear-gradient(135deg,#f8fcff,#f3fbf8);border:1px solid #d6e8f0;border-radius:11px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:0 0 13px;padding:9px;display:grid}.sales-product-tile{color:#244d6d;cursor:pointer;text-align:left;background:#fff;border:1px solid #cfe0ed;border-radius:9px;grid-template-rows:42px auto auto auto;align-content:start;gap:3px;min-height:126px;padding:8px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.sales-product-tile:hover{border-color:#52a1cf;transform:translateY(-1px);box-shadow:0 7px 14px #19608921}.sales-product-tile img{object-fit:cover;background:#edf6fa;border-radius:7px;width:42px;height:42px}.sales-product-tile-icon{color:#1680ba;background:#e4f3fc;border-radius:7px;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.sales-product-tile strong{color:#193f61;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sales-product-tile small{color:#6b8597;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sales-product-tile b{color:#087a68;font-size:10px}.sales-selected-product-image{object-fit:cover;background:#f1f8fb;border:1px solid #cbe4ef;border-radius:8px;width:48px;height:48px}.sales-selected-product-card{background:linear-gradient(120deg,#ecfbf7,#f1f8ff);border:1px solid #9ad8ce;border-radius:10px;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:11px;margin:-5px 0 13px;padding:9px 11px;display:grid}.sales-selected-product-card img,.sales-selected-product-placeholder{object-fit:cover;color:#078878;background:#fff;border:1px solid #c3e5dc;border-radius:8px;place-items:center;width:65px;height:58px;font-size:23px;display:grid}.sales-selected-product-card span,.sales-selected-product-card strong,.sales-selected-product-card small{display:block}.sales-selected-product-card span{color:#438173;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:850}.sales-selected-product-card strong{color:#18506b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.sales-selected-product-card small{color:#607f91;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.sales-selected-product-card>b{color:#087c67;white-space:nowrap;font-size:15px}.sales-product-preview-overlay{z-index:1200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle at 18% 12%,#1cb28d4d,#0000 31%),#07182cc2;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.sales-product-preview{background:linear-gradient(130deg,#fff,#f7fcff);border:1px solid #b9e7dce6;border-radius:28px;grid-template-columns:minmax(380px,52%) minmax(420px,1fr);width:min(1220px,100vw - 36px);height:min(700px,100dvh - 36px);min-height:0;max-height:calc(100dvh - 36px);animation:.18s ease-out sales-product-preview-in;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 92px #010e1f9e}.sales-product-preview-image{background:radial-gradient(circle at 20% 18%,#ffffffdb,#0000 24%),linear-gradient(145deg,#b8f3e2,#d4eefe 56%,#e7e5ff);place-items:center;min-height:0;display:grid;overflow:hidden}.sales-product-preview-image img{object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%;height:100%}.sales-product-preview-image span{color:#168c7c;filter:drop-shadow(0 12px 12px #09705f29);font-size:clamp(108px,15vw,206px)}.sales-product-preview-body{overscroll-behavior:contain;flex-direction:column;justify-content:flex-start;min-width:0;min-height:0;padding:clamp(42px,5vw,74px) clamp(30px,4.2vw,62px) clamp(28px,3vw,44px);display:flex;overflow-y:auto}.sales-product-preview-eyebrow{color:#0a8876;letter-spacing:.13em;font-size:11px;font-weight:900}.sales-product-preview-body h2{color:#123a62;margin:9px 0 5px;font-size:clamp(25px,4vw,39px);line-height:1.08}.sales-product-preview-body>p{color:#657f94;margin:0;font-size:14px}.sales-product-preview-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.sales-product-preview-details>span{background:#f8fbfd;border:1px solid #d9e8f0;border-radius:13px;padding:14px}.sales-product-preview-details small,.sales-product-preview-details strong{display:block}.sales-product-preview-details small{color:#658096;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.sales-product-preview-details strong{color:#087c67;margin-top:5px;font-size:17px}.sales-product-preview-quantity{background:linear-gradient(120deg,#f0fcf8,#f3faff);border:1px solid #b9dfd3;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:17px;padding:15px 16px;display:grid}.sales-product-preview-quantity>div:first-child>span,.sales-product-preview-quantity>div:first-child>small{display:block}.sales-product-preview-quantity>div:first-child>span{color:#174a67;font-size:12px;font-weight:900}.sales-product-preview-quantity>div:first-child>small{color:#638298;margin-top:4px;font-size:10px}.sales-product-preview-quantity-controls{background:#fff;border:1px solid #a8d9c9;border-radius:12px;grid-template-columns:47px 87px 47px;align-items:stretch;display:grid;overflow:hidden;box-shadow:0 4px 10px #166f6514}.sales-product-preview-quantity-controls button{color:#fff;cursor:pointer;background:#0d8b76;border:0;font-size:25px;font-weight:800;line-height:1;transition:background .15s,transform .15s}.sales-product-preview-quantity-controls button:hover{background:#087361}.sales-product-preview-quantity-controls button:active{transform:scale(.94)}.sales-product-preview-quantity-controls input{color:#123d5d;text-align:center;border:0;border-left:1px solid #d4e8e1;border-right:1px solid #d4e8e1;border-radius:0;width:100%;min-height:48px;padding:5px;font-size:20px;font-weight:900}.sales-product-preview-quantity-controls input:focus{outline-offset:-3px;outline:3px solid #16977f2e}.sales-product-preview-total{border-top:1px dashed #c9e0e8;justify-content:space-between;align-items:end;gap:16px;margin-top:13px;padding:13px 2px 0;display:flex}.sales-product-preview-total span{color:#607e93;text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:800}.sales-product-preview-total strong{color:#087b68;font-size:clamp(22px,2.6vw,31px);line-height:1}.sales-product-preview-actions{background:linear-gradient(#f7fcff00,#f7fcff 22%);flex-wrap:wrap;gap:10px;margin-top:23px;padding:14px 0 2px;display:flex;position:sticky;bottom:-1px}.sales-product-preview-actions>button{min-height:48px;padding:10px 16px;font-size:13px}.sales-remove-preview-btn{color:#bd3541;cursor:pointer;background:#fff7f7;border:1px solid #f0b9bd;border-radius:10px;font-weight:850;transition:background .15s,transform .15s}.sales-remove-preview-btn:hover{background:#ffe9e9;transform:translateY(-1px)}.sales-product-preview-close{z-index:1;color:#315c76;cursor:pointer;background:#ffffffe6;border:1px solid #d5e5ef;border-radius:50%;place-items:center;width:37px;height:37px;font-size:24px;line-height:1;display:grid;position:absolute;top:15px;right:15px}.sales-product-preview-close:hover{color:#bd3541;background:#fff1f1}@keyframes sales-product-preview-in{0%{opacity:0;transform:translateY(12px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.sales-operator-card{color:#17624f;background:linear-gradient(135deg,#f1fbf7,#f7fcff);border:1px solid #bfe2d5;border-radius:8px;gap:2px;min-height:38px;padding:8px 10px;display:grid}.sales-operator-card strong{color:#08765e;font-size:12px}.sales-operator-card span{color:#54788a;font-size:10px}.sales-operator-card small{color:#5b8190;font-size:9px;line-height:1.35}.sales-items-table{min-width:1160px}.sales-payments-table{min-width:720px}.sales-items-table td,.sales-payments-table td{color:#36536e;font-size:11px}.sales-items-table input,.sales-items-table select,.sales-payments-table input,.sales-payments-table select{min-height:34px;padding:6px 7px;font-size:11px}.sales-line-type{min-width:91px;font-weight:800}.sales-line-type.is-product{color:#17659d;background:#f0f8fe;border-color:#bbd9ee}.sales-line-type.is-fuel{color:#087862;background:#effbf6;border-color:#bde4d6}.sales-fuel-line{color:#087862;background:#f3fbf7;border:1px dashed #a9d7c6;border-radius:7px;align-items:center;min-width:145px;min-height:34px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.sales-product-picker{gap:5px;min-width:225px;display:grid}.sales-product-picker input{background:#f8fcff;border-color:#bcd8eb;min-width:225px}.sales-product-picker input:focus{background:#fff}.sales-product-picker small{color:#356f91;max-width:245px;line-height:1.35}.sales-product-search-results{background:#fff;border:1px solid #c9dfed;border-radius:8px;display:grid;overflow:hidden}.sales-product-search-results button{color:#245574;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #e1edf4;gap:2px;width:100%;min-height:38px;padding:6px 8px;display:grid}.sales-product-search-results button:last-child{border-bottom:0}.sales-product-search-results button:hover{background:#edf8ff}.sales-product-search-results button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sales-product-search-results button span{color:#6b8496;font-size:9px}.sales-switch-to-fuel-btn{color:#087862;cursor:pointer;text-align:left;background:#effaf5;border:1px solid #a8dac7;border-radius:7px;min-height:31px;padding:5px 8px;font:800 10px inherit}.sales-switch-to-fuel-btn:hover{background:#dcf4e9}.sales-not-applicable{color:#9aabba}.sales-items-table small{color:#087862;margin-top:4px;font-size:9px;font-weight:750;display:block}.sales-remove-btn{color:#bd3142;cursor:pointer;background:#fff5f6;border:1px solid #f0c6ce;border-radius:7px;place-items:center;width:27px;height:27px;font-size:17px;line-height:1;display:grid}.sales-remove-btn:hover:not(:disabled){background:#ffe9ed}.sales-item-notes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:10px;display:grid}.sales-item-note label{color:#637e95;margin-bottom:4px;font-size:9px;font-weight:850;display:block}.sales-item-note input{min-height:34px;padding:6px 8px;font-size:11px}.sales-totals-panel{background:linear-gradient(135deg,#f3fbfc,#f6faff);border:1px solid #cfe3e7;border-radius:11px;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-top:4px;padding:11px;display:grid}.sales-totals-panel>div{border-radius:8px;min-width:0;padding:8px}.sales-totals-panel span,.sales-totals-panel strong{display:block}.sales-totals-panel span{color:#668196;text-transform:uppercase;font-size:9px;font-weight:850}.sales-totals-panel strong{color:#22486a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.sales-grand-total{background:#dff5ed}.sales-grand-total strong.sales-balance{color:#ad5c13}.sales-grand-total strong.sales-balance-zero{color:#087862}.sales-change-due{background:#fff5dc;border:1px solid #f4d99a}.sales-change-due strong{color:#a65d12}.sales-modal-footer{background:#fbfdff;border-top:1px solid #dfe9f1;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.sales-thermal-btn{color:#08755f;cursor:pointer;background:#eaf9f3;border:1px solid #a9dcca;border-radius:9px;min-height:37px;padding:8px 11px;font-size:12px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s}.sales-thermal-btn:hover{background:#dcf5eb;transform:translateY(-1px);box-shadow:0 5px 12px #09796124}.sales-thermal-paper-control{background:#fff;border:1px solid #d5e3ed;border-radius:9px;align-items:center;gap:4px;margin-right:auto;padding:4px;display:flex}.sales-thermal-paper-control>span{color:#637d94;margin-right:3px;font-size:9px;font-weight:850}.sales-thermal-paper-control button{color:#607b91;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:26px;padding:4px 6px;font-size:9px;font-weight:800}.sales-thermal-paper-control button.active{color:#08755f;background:#e0f4ec}.sales-detail-content{padding:18px 20px}.sale-detail-status{color:#6f8498;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.sale-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.sale-detail-box{background:#f9fcff;border:1px solid #dfebf2;border-radius:9px;min-width:0;padding:10px}.sale-detail-box span,.sale-detail-box strong{display:block}.sale-detail-box span{color:#698197;text-transform:uppercase;font-size:9px;font-weight:850}.sale-detail-box strong{color:#1b456b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.sale-detail-section,.sale-detail-payments-section,.sale-detail-notes{margin-top:14px}.sale-detail-heading{color:#1a456b;margin:0 0 8px;font-size:13px}.sale-detail-table-wrapper{border:1px solid #e0eaf1;border-radius:9px;overflow-x:auto}.sale-detail-table{min-width:620px}.sale-detail-table td{color:#36536e;font-size:11px}.sale-detail-grand{color:#087762;text-align:right;background:#e8f7f2;border-radius:10px;margin-top:12px;padding:12px}.sale-detail-grand span{font-size:10px;font-weight:850;display:block}.sale-detail-grand strong{margin-top:3px;font-size:18px;display:block}.sale-payment-list{gap:7px;display:grid}.sale-payment-row{background:#fbfdff;border:1px solid #e0eaf1;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:11px;display:flex}.sale-no-payment{color:#788ea1;font-size:11px}.sale-access-denied{color:#637f97;text-align:center;background:#fff;border:1px solid #dbe7f0;border-radius:16px;place-content:center;justify-items:center;min-height:58vh;padding:30px;display:grid}.sale-access-denied h2{color:#183f63;margin:10px 0 3px}.sale-access-denied p{max-width:460px;margin:0}.sale-denied-icon{color:#bb3143;background:#fff0f1;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.sales-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sales-card-actions>span{color:#22689e;background:#e8f3fc;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.sales-card-actions .sales-secondary-btn{min-height:30px;padding:5px 8px;font-size:10px}.sales-list-collapsed{color:#6a8298;text-align:center;background:linear-gradient(135deg,#fbfdff,#f4fbf9);place-content:center;justify-items:center;gap:4px;min-height:115px;padding:20px;display:grid}.sales-list-collapsed strong{color:#244b70;font-size:13px}.sales-list-collapsed span{font-size:11px}.sales-details-modal{border-color:#cbddea}.sales-details-modal .sales-modal-header{z-index:2;position:sticky;top:0;box-shadow:0 3px 12px #1a405e0d}.sales-details-modal .sales-modal-footer{z-index:2;position:sticky;bottom:0;box-shadow:0 -3px 12px #1a405e0d}.sale-detail-heading{border-bottom:1px solid #e7eef4;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;padding-bottom:7px;display:flex}.sale-detail-heading h3{color:#1a456b;margin:0;font-size:13px}.sale-detail-heading>span{color:#236a9e;background:#e8f3fc;border-radius:999px;align-items:center;min-height:21px;padding:3px 7px;font-size:9px;font-weight:850;display:inline-flex}.sale-detail-section{background:#fff;border:1px solid #e0ebf2;border-radius:11px;padding:13px}.sale-detail-payments-section{background:linear-gradient(135deg,#fbfefd,#f4fbf8);border:1px solid #d9ece5;border-radius:11px;padding:13px}.sale-detail-table thead th{z-index:1;position:sticky;top:0}.sale-detail-table tbody tr:hover{background:#f7fbff}.sale-detail-table td:first-child{color:#236190;font-weight:800}.sale-detail-line{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:18px;margin-bottom:3px;padding:2px 5px;font-size:8px;font-weight:900;display:inline-flex}.sale-detail-line.product{color:#17669e;background:#e9f4fd}.sale-detail-line.fuel{color:#08765e;background:#e4f7ef}.sale-detail-table td:first-child strong{color:#214b70;font-size:10px;display:block}.sale-payment-row>div{min-width:0}.sale-payment-row strong,.sale-payment-row small{display:block}.sale-payment-row>div strong{color:#214a6c}.sale-payment-row>div small,.sale-payment-row>small{color:#71879a;margin-top:2px;font-size:9px}.sale-payment-row>span{color:#087860;background:#e4f6ee;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800}.sales-detail-total-panel{background:linear-gradient(135deg,#eff9f8,#f4f8ff);border:1px solid #cfe3e7;border-radius:11px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;padding:10px;display:grid}.sales-detail-total-panel>div{border-radius:8px;min-width:0;padding:8px}.sales-detail-total-panel>div:not(.sale-detail-grand){background:#ffffffb3}.sales-detail-total-panel span{color:#668196;text-transform:uppercase;font-size:9px;font-weight:850;display:block}.sales-detail-total-panel strong{color:#204a6c;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;display:block;overflow:hidden}.sales-detail-total-panel .sale-detail-grand{text-align:left;margin-top:0;padding:8px}.sales-detail-total-panel .sale-detail-grand strong{font-size:15px}.sale-detail-notes{background:#f3f9fd;border-left:3px solid #3b93c8;border-radius:0 9px 9px 0;padding:11px 12px}.sale-detail-notes span{color:#4d7394;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:900;display:block}.sale-detail-notes strong{color:#31566f;margin-top:4px;font-size:11px;line-height:1.5;display:block}@media (width<=1180px){.sales-summary-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.sales-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-totals-panel,.sales-detail-total-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.sales-product-preview-overlay{padding:12px}.sales-product-preview{grid-template-rows:minmax(180px,31vh) minmax(0,1fr);grid-template-columns:1fr;width:calc(100vw - 24px);height:calc(100dvh - 24px);min-height:0;max-height:calc(100dvh - 24px)}.sales-product-preview-image{min-height:0}.sales-product-preview-body{padding:28px 23px 25px}.sales-product-preview-details{gap:8px;margin-top:18px}.sales-product-preview-quantity{grid-template-columns:1fr;gap:10px}.sales-product-preview-quantity-controls{justify-self:stretch}.sales-product-preview-actions>button{flex:170px}}@media (width<=720px){.sales-page{padding:11px}.sales-header,.sales-card-header,.sales-form-section-heading{flex-direction:column;align-items:stretch}.sales-card-actions{justify-content:flex-start}.sales-header-actions>button{flex:1}.sales-summary-grid{grid-template-columns:repeat(2,minmax(155px,1fr))}.sales-filter-card>.sales-primary-btn{width:100%}.sales-modal-overlay{align-items:start;padding:8px}.sales-modal{border-radius:13px;max-height:calc(100vh - 16px)}.sales-modal-header,.sales-form-content,.sales-modal-footer,.sales-detail-content{padding-left:14px;padding-right:14px}.sales-form-grid,.sale-detail-grid,.sales-totals-panel,.sales-detail-total-panel{grid-template-columns:1fr}.sales-modal-footer{flex-direction:column-reverse}.sales-modal-footer button{width:100%}.sales-modal-footer .sales-thermal-paper-control{justify-content:center;width:100%;margin-right:0}.sales-line-actions{width:100%}.sales-line-actions button{flex:1}.sales-barcode-panel,.sales-customer-lookup,.sales-catalog-search{grid-template-columns:1fr}.sales-product-catalog-caption{flex-direction:column;align-items:flex-start;gap:2px}.sales-product-catalog-caption span{text-align:left}.sales-product-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-selected-product-card{grid-template-columns:54px minmax(0,1fr)}.sales-selected-product-card img,.sales-selected-product-placeholder{width:54px;height:52px}.sales-selected-product-card>b{grid-column:2}}.sales-auto-shift{background:linear-gradient(135deg,#effbf7,#f2f9ff);border:1px solid #a9dccd;border-radius:8px;gap:2px;min-height:38px;padding:8px 10px;display:grid}.sales-auto-shift strong{color:#087866;font-size:12px}.sales-auto-shift small{color:#5d7f90;font-size:9px;line-height:1.35}@media (prefers-reduced-motion:reduce){.sales-page *,.sales-page :before,.sales-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sales-pos-live-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0;display:grid}.sales-pos-live-strip>div{background:linear-gradient(135deg,#f4fbff,#f3fcf8);border:1px solid #c7e1ee;border-radius:9px;min-width:0;padding:8px 10px}.sales-pos-live-strip span,.sales-pos-live-strip strong{display:block}.sales-pos-live-strip span{color:#607d92;text-transform:uppercase;letter-spacing:.035em;font-size:9px;font-weight:800}.sales-pos-live-strip strong{color:#126956;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.sales-pos-lock{background:linear-gradient(125deg,#fff4f4,#fff9ed);border:1px solid #efb4bb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 2px;padding:10px 11px;display:flex}.sales-pos-lock strong,.sales-pos-lock span{display:block}.sales-pos-lock strong{color:#9f2940;font-size:11px}.sales-pos-lock span,.sales-pos-lock small{color:#8d5963;margin-top:3px;font-size:10px;line-height:1.4}.sales-pos-lock button{color:#fff;cursor:pointer;background:#a93f4e;border:1px solid #a94150;border-radius:8px;flex:none;min-height:34px;padding:7px 9px;font-size:10px;font-weight:850}.sales-pos-lock button:hover{background:#8f2d3d}@media (width<=720px){.sales-pos-live-strip{grid-template-columns:1fr}.sales-pos-lock{flex-direction:column;align-items:stretch}.sales-pos-lock button{width:100%}}:root{--invoice-primary:#2563eb;--invoice-primary-dark:#1d4ed8;--invoice-primary-soft:#eff6ff;--invoice-success:#16a34a;--invoice-success-dark:#15803d;--invoice-success-soft:#f0fdf4;--invoice-warning:#d97706;--invoice-warning-dark:#b45309;--invoice-warning-soft:#fffbeb;--invoice-danger:#dc2626;--invoice-danger-dark:#b91c1c;--invoice-danger-soft:#fef2f2;--invoice-purple:#7c3aed;--invoice-purple-dark:#6d28d9;--invoice-purple-soft:#f5f3ff;--invoice-cyan:#0891b2;--invoice-cyan-soft:#ecfeff;--invoice-teal:#0f766e;--invoice-teal-dark:#115e59;--invoice-teal-soft:#f0fdfa;--invoice-dark:#172033;--invoice-text:#1f2937;--invoice-muted:#64748b;--invoice-light-text:#94a3b8;--invoice-border:#e2e8f0;--invoice-border-dark:#cbd5e1;--invoice-background:#f4f7fb;--invoice-surface:#fff;--invoice-radius-xs:6px;--invoice-radius-sm:8px;--invoice-radius-md:12px;--invoice-radius-lg:16px;--invoice-radius-xl:20px;--invoice-radius-2xl:24px;--invoice-shadow-xs:0 1px 3px #0f172a0a;--invoice-shadow-sm:0 3px 10px #0f172a0e;--invoice-shadow-md:0 10px 30px #0f172a16;--invoice-shadow-lg:0 20px 60px #0f172a29;--invoice-shadow-xl:0 28px 90px #0f172a38;--invoice-transition:all .2s ease}*{box-sizing:border-box}.invoices-page{width:100%;min-height:100vh;color:var(--invoice-text);background:radial-gradient(circle at 100% 0,#2563eb0f,#0000 28%),radial-gradient(circle at 0 0,#0f766e0b,#0000 24%),linear-gradient(#f8fafc 0%,#f4f7fb 45%,#eef2f7 100%);overflow:hidden auto}.invoices-container{box-sizing:border-box;width:100%;max-width:1720px;margin:0 auto;padding:30px 34px 70px}.invoice-access-denied{text-align:center;border:1px solid var(--invoice-border);border-radius:var(--invoice-radius-2xl);min-height:470px;box-shadow:var(--invoice-shadow-md);background:linear-gradient(#fff,#f8fafc);flex-direction:column;justify-content:center;align-items:center;padding:60px 30px;display:flex}.invoice-denied-icon{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #fecaca;border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:20px;font-size:36px;display:flex;box-shadow:0 12px 30px #dc26261f}.invoice-access-denied h1{color:var(--invoice-dark);margin:0 0 10px;font-size:30px;font-weight:850}.invoice-access-denied p{color:var(--invoice-muted);margin:0 0 8px;font-size:15px}.invoice-access-denied span{color:var(--invoice-light-text);font-size:13px}.invoices-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:24px;padding:4px 2px;display:flex}.invoice-eyebrow{color:var(--invoice-primary);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-flex}.invoice-eyebrow:before{content:"";background:linear-gradient(90deg, var(--invoice-primary), #60a5fa);border-radius:999px;width:20px;height:3px}.invoices-header h1{color:var(--invoice-dark);letter-spacing:-.04em;margin:0;font-size:clamp(30px,3vw,43px);font-weight:900;line-height:1.05}.invoices-header p{max-width:760px;color:var(--invoice-muted);margin:10px 0 0;font-size:14px;line-height:1.7}.invoice-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.invoice-primary-btn,.invoice-secondary-btn,.invoice-warning-btn,.invoice-view-btn,.invoice-issue-btn,.invoice-refresh-btn,.invoice-cancel-btn,.invoice-close-btn,.invoice-print-btn,.invoice-reactivate-btn{cursor:pointer;white-space:nowrap;border-radius:10px;min-height:40px;padding:10px 15px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s,filter .18s}.invoice-primary-btn:hover:not(:disabled),.invoice-secondary-btn:hover:not(:disabled),.invoice-warning-btn:hover:not(:disabled),.invoice-view-btn:hover:not(:disabled),.invoice-issue-btn:hover:not(:disabled),.invoice-refresh-btn:hover:not(:disabled),.invoice-cancel-btn:hover:not(:disabled),.invoice-print-btn:hover:not(:disabled),.invoice-reactivate-btn:hover:not(:disabled){transform:translateY(-1px)}.invoice-primary-btn{color:#fff;background:linear-gradient(135deg, var(--invoice-primary), #3b82f6);border:0;box-shadow:0 8px 20px #2563eb38}.invoice-primary-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--invoice-primary-dark), var(--invoice-primary));box-shadow:0 12px 26px #2563eb47}.invoice-secondary-btn{color:#334155;border:1px solid var(--invoice-border-dark);box-shadow:var(--invoice-shadow-xs);background:#fffffff2}.invoice-secondary-btn:hover:not(:disabled){color:var(--invoice-dark);box-shadow:var(--invoice-shadow-sm);background:#f8fafc;border-color:#94a3b8}.invoice-warning-btn{color:#92400e;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa}.invoice-warning-btn:hover:not(:disabled){background:#ffedd5;box-shadow:0 7px 18px #d977061f}.invoice-view-btn{color:#1d4ed8;background:linear-gradient(135deg,#f5f9ff,#eff6ff);border:1px solid #bfdbfe}.invoice-view-btn:hover:not(:disabled){background:#dbeafe;box-shadow:0 6px 16px #2563eb1f}.invoice-issue-btn{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.invoice-issue-btn:hover:not(:disabled){background:#bbf7d0;box-shadow:0 6px 16px #16a34a1f}.invoice-refresh-btn{color:var(--invoice-purple-dark);background:linear-gradient(135deg, #faf8ff, var(--invoice-purple-soft));border:1px solid #ddd6fe}.invoice-refresh-btn:hover:not(:disabled){background:#ede9fe;box-shadow:0 6px 16px #7c3aed1f}.invoice-cancel-btn{color:var(--invoice-danger-dark);background:linear-gradient(135deg, #fff7f7, var(--invoice-danger-soft));border:1px solid #fecaca}.invoice-cancel-btn:hover:not(:disabled){background:#fee2e2;box-shadow:0 6px 16px #dc26261f}.invoice-print-btn{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;box-shadow:0 4px 12px #2563eb12}.invoice-print-btn:hover:not(:disabled){color:#1e3a8a;background:#bfdbfe;box-shadow:0 8px 18px #2563eb1f}.invoice-reactivate-btn{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;box-shadow:0 4px 12px #16a34a14}.invoice-reactivate-btn:hover:not(:disabled){color:#14532d;background:#bbf7d0;box-shadow:0 8px 18px #16a34a21}.invoice-issue-btn.large,.invoice-refresh-btn.large,.invoice-cancel-btn.large,.invoice-print-btn.large,.invoice-reactivate-btn.large{min-height:44px;padding:11px 18px;font-size:12px}.invoice-primary-btn:disabled,.invoice-secondary-btn:disabled,.invoice-warning-btn:disabled,.invoice-view-btn:disabled,.invoice-issue-btn:disabled,.invoice-refresh-btn:disabled,.invoice-cancel-btn:disabled,.invoice-print-btn:disabled,.invoice-reactivate-btn:disabled{opacity:.53;cursor:not-allowed;box-shadow:none!important;transform:none!important}.invoice-alert{border-radius:var(--invoice-radius-md);box-shadow:var(--invoice-shadow-sm);border:1px solid;align-items:flex-start;gap:13px;margin-bottom:20px;padding:15px 17px;animation:.22s invoice-alert-in;display:flex}@keyframes invoice-alert-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.invoice-alert>div:not(.invoice-alert-icon){flex:1;min-width:0}.invoice-alert strong,.invoice-alert span{display:block}.invoice-alert strong{margin-bottom:3px;font-size:13px;font-weight:850}.invoice-alert span{color:inherit;opacity:.85;word-break:break-word;font-size:12px;line-height:1.6}.invoice-alert-icon{border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:flex}.invoice-alert>button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:20px}.invoice-alert>button:hover{background:#0000000d}.invoice-alert-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}.invoice-alert-success .invoice-alert-icon{background:#dcfce7}.invoice-alert-error{color:#991b1b;background:linear-gradient(135deg,#fef2f2,#fff);border-color:#fecaca}.invoice-alert-error .invoice-alert-icon{background:#fee2e2}.invoice-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.invoice-summary-card{border:1px solid var(--invoice-border);border-radius:var(--invoice-radius-lg);min-height:118px;box-shadow:var(--invoice-shadow-sm);background:#fffffff7;align-items:center;gap:15px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.invoice-summary-card:after{content:"";background:#2563eb0b;border-radius:50%;width:90px;height:90px;position:absolute;top:-25px;right:-25px}.invoice-summary-card:hover{box-shadow:var(--invoice-shadow-md);border-color:#d7e0eb;transform:translateY(-2px)}.invoice-summary-icon{z-index:1;border-radius:16px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:flex;position:relative}.invoice-summary-icon.blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.invoice-summary-icon.green{color:#15803d;background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.invoice-summary-icon.orange{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fffbeb)}.invoice-summary-icon.red{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fef2f2)}.invoice-summary-card>div:last-child{z-index:1;min-width:0;position:relative}.invoice-summary-card span{color:var(--invoice-muted);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.invoice-summary-card strong{color:var(--invoice-dark);overflow-wrap:anywhere;font-size:21px;font-weight:900;display:block}.invoice-value-summary{border:1px solid var(--invoice-border);border-radius:var(--invoice-radius-lg);box-shadow:var(--invoice-shadow-sm);background:#fffffffa;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden}.invoice-value-summary>div{min-width:0;padding:18px;position:relative}.invoice-value-summary>div:before{content:"";background:linear-gradient(#0000,#e2e8f0,#0000);width:2px;position:absolute;top:16px;bottom:16px;left:0}.invoice-value-summary>div:first-child:before{display:none}.invoice-value-summary span{color:var(--invoice-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.invoice-value-summary strong{color:var(--invoice-dark);overflow-wrap:anywhere;font-size:17px;font-weight:900}.invoice-value-summary .paid-value{color:#15803d}.invoice-value-summary .outstanding-value{color:#b91c1c}.invoice-filter-card{border:1px solid var(--invoice-border);border-radius:var(--invoice-radius-lg);box-shadow:var(--invoice-shadow-sm);background:#fffffffa;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(140px,.8fr)) auto;align-items:end;gap:12px;margin-bottom:20px;padding:18px;display:grid}.invoice-filter{min-width:0}.invoice-filter label{color:#475569;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.invoice-filter input,.invoice-filter select,.invoice-search-wrapper input{box-sizing:border-box;border:1px solid var(--invoice-border-dark);width:100%;min-height:43px;color:var(--invoice-dark);font:inherit;background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.invoice-filter input:hover,.invoice-filter select:hover,.invoice-search-wrapper input:hover{border-color:#94a3b8}.invoice-filter input:focus,.invoice-filter select:focus,.invoice-search-wrapper input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.invoice-search-wrapper{position:relative}.invoice-search-wrapper>span{color:var(--invoice-light-text);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.invoice-search-wrapper input{padding-left:38px}.invoice-card{border:1px solid var(--invoice-border);border-radius:var(--invoice-radius-xl);box-shadow:var(--invoice-shadow-md);background:#fffffffa;margin-bottom:30px;overflow:hidden}.invoice-card-header{border-bottom:1px solid var(--invoice-border);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;display:flex}.invoice-card-header h2{color:var(--invoice-dark);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:900}.invoice-card-header p{color:var(--invoice-muted);margin:5px 0 0;font-size:12px}.invoice-card-header>span{color:#475569;border:1px solid var(--invoice-border);white-space:nowrap;background:#f8fafc;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:850}.invoice-loading{min-height:280px;color:var(--invoice-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.invoice-loading.small{min-height:180px}.invoice-spinner{border:4px solid #dbeafe;border-top-color:var(--invoice-primary);border-radius:50%;width:39px;height:39px;animation:.8s linear infinite invoice-spin;box-shadow:0 5px 18px #2563eb14}@keyframes invoice-spin{to{transform:rotate(360deg)}}.invoice-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:35px 20px;display:flex}.invoice-empty.compact{min-height:240px}.invoice-empty-icon{width:68px;height:68px;box-shadow:var(--invoice-shadow-xs);background:linear-gradient(135deg,#f8fafc,#eef2f7);border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;margin-bottom:16px;font-size:30px;display:flex}.invoice-empty h3{color:var(--invoice-dark);margin:0 0 7px;font-size:17px;font-weight:900}.invoice-empty p{max-width:520px;color:var(--invoice-muted);margin:0 0 18px;font-size:12px;line-height:1.65}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto visible}.invoice-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.invoice-detail-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.invoice-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.invoice-detail-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.invoice-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.invoice-detail-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.invoice-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-detail-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px}.invoice-table thead th{z-index:3;text-align:left;border-bottom:1px solid var(--invoice-border);color:#64748b;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:13px 14px;font-size:9px;font-weight:900;position:sticky;top:0}.invoice-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:14px;font-size:12px}.invoice-table tbody tr{transition:background .15s}.invoice-table tbody tr:hover{background:linear-gradient(90deg,#f8fbff,#fff)}.invoice-table tbody tr:last-child td{border-bottom:0}.invoice-number-cell,.invoice-customer-cell{flex-direction:column;min-width:160px;display:flex}.invoice-number-cell strong,.invoice-customer-cell strong{color:var(--invoice-dark);font-weight:850}.invoice-number-cell small,.invoice-customer-cell small{color:var(--invoice-light-text);margin-top:4px;font-size:10px}.invoice-type-badge{color:#475569;white-space:nowrap;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:26px;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.invoice-paid{color:#15803d}.invoice-balance{color:#b91c1c}.invoice-balance-zero{color:#15803d}.invoice-source-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;margin-top:5px;padding:4px 7px;font-size:9px;font-weight:850;display:inline-flex}.invoice-source-badge.restaurant{color:var(--invoice-teal-dark);background:var(--invoice-teal-soft);border-color:#99f6e4}.invoice-source-badge.sale{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.invoice-source-badge.credit{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.invoice-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.invoice-status-draft{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.invoice-status-issued{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.invoice-status-partial{color:#b45309;background:#fffbeb;border-color:#fde68a}.invoice-status-paid{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.invoice-status-overdue{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.invoice-status-cancelled{color:#7f1d1d;background:#fff1f2;border-color:#fecdd3}.invoice-status-default{color:#475569;background:#f8fafc;border-color:#e2e8f0}.invoice-actions{align-items:center;gap:6px;min-width:max-content;display:flex}.invoice-actions button{min-height:33px;padding:7px 10px;font-size:10px;font-weight:850}.invoice-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0f172a9e;justify-content:center;align-items:flex-start;padding:25px;display:flex;position:fixed;inset:0;overflow:hidden auto}.invoice-modal{width:100%;max-width:1180px;min-height:0;max-height:calc(100vh - 50px);box-shadow:var(--invoice-shadow-xl);background:#fff;border:1px solid #ffffffbf;border-radius:22px;flex-direction:column;margin:auto 0;animation:.22s invoice-modal-in;display:flex;overflow:hidden}@keyframes invoice-modal-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.invoice-modal-header{border-bottom:1px solid var(--invoice-border);background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.invoice-modal-header>div{min-width:0}.invoice-modal-eyebrow{color:var(--invoice-primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:900;display:block}.invoice-modal-header h2{color:var(--invoice-dark);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:25px;font-weight:900}.invoice-modal-header p{color:var(--invoice-muted);margin:6px 0 0;font-size:12px}.invoice-modal-close{border:1px solid var(--invoice-border);color:#475569;cursor:pointer;width:38px;height:38px;transition:var(--invoice-transition);background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;font-size:23px;line-height:1;display:flex}.invoice-modal-close:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca;transform:rotate(2deg)}.invoice-detail-summary{border-bottom:1px solid var(--invoice-border);background:linear-gradient(#f8fafc,#f4f7fb);flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:16px 20px;display:grid}.invoice-detail-summary>div{border:1px solid var(--invoice-border);min-width:0;box-shadow:var(--invoice-shadow-xs);background:#fff;border-radius:11px;padding:11px}.invoice-detail-summary span{color:var(--invoice-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.invoice-detail-summary strong{color:var(--invoice-dark);overflow-wrap:anywhere;font-size:13px;font-weight:850;display:block}.invoice-detail-content,.customer-invoices-content,.overdue-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.invoice-detail-content::-webkit-scrollbar{width:9px}.customer-invoices-content::-webkit-scrollbar{width:9px}.overdue-content::-webkit-scrollbar{width:9px}.invoice-detail-content::-webkit-scrollbar-track{background:#f8fafc}.customer-invoices-content::-webkit-scrollbar-track{background:#f8fafc}.overdue-content::-webkit-scrollbar-track{background:#f8fafc}.invoice-detail-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.customer-invoices-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.overdue-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.invoice-detail-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-invoices-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.overdue-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.invoice-detail-section{border-bottom:1px solid var(--invoice-border);padding:21px 22px}.invoice-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.invoice-section-heading h3{color:var(--invoice-dark);margin:0;font-size:15px;font-weight:900}.invoice-section-heading>span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}.invoice-customer-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.invoice-customer-detail>div{border:1px solid var(--invoice-border);min-width:0;transition:var(--invoice-transition);background:linear-gradient(#fbfdff,#f8fafc);border-radius:10px;padding:12px}.invoice-customer-detail>div:hover{box-shadow:var(--invoice-shadow-xs);background:#fff;border-color:#cbd5e1}.invoice-customer-detail span{color:var(--invoice-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.invoice-customer-detail strong{color:var(--invoice-dark);overflow-wrap:anywhere;font-size:12px;font-weight:800;display:block}.invoice-detail-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible}.invoice-detail-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.invoice-detail-table thead th{z-index:2;border-bottom:1px solid var(--invoice-border);text-align:left;color:#64748b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:11px 12px;font-size:9px;font-weight:900;position:sticky;top:0}.invoice-detail-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px;font-size:11px}.invoice-detail-table tbody tr:last-child td{border-bottom:0}.invoice-detail-table tbody tr:hover{background:#f8fbff}.invoice-detail-table strong{font-weight:850}.invoice-detail-table small{color:var(--invoice-light-text);margin-top:3px;font-size:9px;display:block}.table-empty-cell{text-align:center!important;color:var(--invoice-muted)!important;padding:40px 20px!important}.invoice-totals-box{border:1px solid var(--invoice-border);box-shadow:var(--invoice-shadow-xs);background:linear-gradient(#f8fafc,#f1f5f9);border-radius:14px;margin:18px 22px 22px;padding:18px}.invoice-totals-box>div{justify-content:space-between;align-items:center;gap:20px;padding:7px 0;display:flex}.invoice-totals-box span{color:var(--invoice-muted);font-size:12px}.invoice-totals-box strong{color:var(--invoice-dark);font-size:13px;font-weight:850}.invoice-totals-box .grand-total{border-top:1px solid var(--invoice-border);margin-top:8px;padding-top:14px}.invoice-totals-box .grand-total span{color:var(--invoice-dark);font-size:15px;font-weight:900}.invoice-totals-box .grand-total strong{color:var(--invoice-primary);font-size:21px;font-weight:950}.paid-value{color:#15803d!important}.outstanding-value{color:#b91c1c!important}.invoice-notes-box{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:12px;margin:0 22px 22px;padding:16px}.invoice-notes-box span{color:#1d4ed8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.invoice-notes-box strong{color:#1e3a8a;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:650;line-height:1.65;display:block}.customer-invoices-modal{max-width:1450px}.customer-invoice-selector{border-bottom:1px solid var(--invoice-border);background:#f8fafc;flex:none;padding:17px 20px}.customer-invoice-selector label{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.customer-invoice-selector select{border:1px solid var(--invoice-border-dark);width:100%;max-width:650px;min-height:43px;color:var(--invoice-dark);font:inherit;background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.customer-invoice-selector select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.customer-account-banner{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:18px 20px;padding:17px 18px;display:flex;box-shadow:0 6px 18px #2563eb0f}.customer-account-banner>div:first-child{min-width:0}.customer-account-banner strong,.customer-account-banner span{display:block}.customer-account-banner strong{color:#1e3a8a;overflow-wrap:anywhere;font-size:16px;font-weight:900}.customer-account-banner span{color:#64748b;margin-top:4px;font-size:11px}.customer-account-banner>div:last-child{text-align:right}.customer-account-banner>div:last-child strong{color:#b91c1c;font-size:18px}.overdue-modal{max-width:1250px}.overdue-total{background:linear-gradient(135deg,#fff7f7,#fef2f2);border:1px solid #fecaca;border-radius:13px;justify-content:space-between;align-items:center;margin:18px 20px;padding:16px 18px;display:flex}.overdue-total span{color:#991b1b;font-size:11px;font-weight:900}.overdue-total strong{color:#b91c1c;font-size:20px;font-weight:950}.days-overdue{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.invoice-modal-footer{border-top:1px solid var(--invoice-border);z-index:4;background:#fffffffa;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:15px 20px;display:flex;position:relative}.invoice-credit-code{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #86efac;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:0 22px 20px;padding:14px 16px;display:flex}.invoice-credit-code span{color:#166534;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900}.invoice-credit-code strong{color:#166534;font-size:17px;font-weight:950}.restaurant-source-panel{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:12px;margin:0 22px 20px;padding:14px 16px}.restaurant-source-panel strong{color:var(--invoice-teal-dark);font-size:13px;font-weight:900}.restaurant-source-panel span{color:#475569;margin-top:4px;font-size:11px;display:block}@media (width<=1250px){.invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-value-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-value-summary>div:nth-child(4){border-left:0;border-top:1px solid var(--invoice-border)}.invoice-value-summary>div:nth-child(5){border-top:1px solid var(--invoice-border)}.invoice-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-filter-card .invoice-filter:first-child{grid-column:1/-1}.invoice-filter-card .invoice-primary-btn{width:100%}.invoice-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.invoices-container{padding:22px 18px 45px}.invoices-header{flex-direction:column}.invoice-header-actions{justify-content:flex-start;width:100%}.invoice-header-actions button{flex:auto}.invoice-customer-detail,.invoice-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-detail-section{padding:17px}.invoice-totals-box,.invoice-notes-box,.invoice-credit-code,.restaurant-source-panel{margin-left:17px;margin-right:17px}}@media (width<=640px){.invoices-page{overflow-x:hidden}.invoices-container{padding:15px 12px 40px}.invoices-header h1{font-size:28px}.invoices-header p{font-size:12px}.invoice-header-actions{flex-direction:column;align-items:stretch}.invoice-header-actions button{flex:none;width:100%}.invoice-summary-grid,.invoice-value-summary{grid-template-columns:1fr}.invoice-value-summary>div+div,.invoice-value-summary>div:nth-child(4),.invoice-value-summary>div:nth-child(5){border-left:0;border-top:1px solid var(--invoice-border)}.invoice-filter-card{grid-template-columns:1fr}.invoice-filter-card .invoice-filter:first-child{grid-column:auto}.invoice-filter-card .invoice-primary-btn{width:100%}.invoice-card-header{flex-direction:column;align-items:flex-start;padding:16px}.invoice-table{min-width:1120px}.invoice-modal-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.invoice-modal{border-radius:15px;max-height:calc(100vh - 20px);margin:0}.invoice-modal-header{padding:16px}.invoice-modal-header h2{font-size:20px}.invoice-detail-summary{grid-template-columns:1fr;padding:12px}.invoice-customer-detail{grid-template-columns:1fr}.invoice-detail-section{padding:15px}.invoice-detail-table{min-width:730px}.invoice-modal-footer{justify-content:stretch;padding:12px}.invoice-modal-footer button{flex:100%;width:100%}.customer-account-banner{flex-direction:column;align-items:flex-start;margin:13px}.customer-account-banner>div:last-child{text-align:left}.overdue-total{margin:13px}.invoice-totals-box,.invoice-notes-box,.invoice-credit-code,.restaurant-source-panel{margin:14px}.invoice-credit-code{flex-direction:column;align-items:flex-start}}@media (hover:none){.invoice-summary-card:hover{box-shadow:var(--invoice-shadow-sm);transform:none}.invoice-primary-btn:hover,.invoice-secondary-btn:hover,.invoice-warning-btn:hover,.invoice-view-btn:hover,.invoice-issue-btn:hover,.invoice-refresh-btn:hover,.invoice-cancel-btn:hover,.invoice-print-btn:hover,.invoice-reactivate-btn:hover{transform:none}.invoice-customer-detail>div:hover{box-shadow:none;background:linear-gradient(#fbfdff,#f8fafc)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.invoices-page{background:#fff;overflow:visible}.invoices-container{max-width:none;padding:0}.invoice-header-actions,.invoice-filter-card,.invoice-modal-overlay,.invoice-actions,.invoice-card-header>span{display:none!important}.invoice-summary-grid,.invoice-value-summary{box-shadow:none}.invoice-card{box-shadow:none;border:1px solid #ddd}.invoice-table-wrapper{overflow:visible}.invoice-table{min-width:0}.invoice-table thead th{position:static}.invoice-summary-card,.invoice-value-summary{break-inside:avoid}}:root{--receipt-primary:#2563eb;--receipt-primary-dark:#1d4ed8;--receipt-primary-soft:#eff6ff;--receipt-success:#16a34a;--receipt-success-dark:#15803d;--receipt-success-soft:#f0fdf4;--receipt-warning:#d97706;--receipt-warning-soft:#fffbeb;--receipt-danger:#dc2626;--receipt-danger-dark:#b91c1c;--receipt-danger-soft:#fef2f2;--receipt-purple:#7c3aed;--receipt-purple-soft:#f5f3ff;--receipt-dark:#172033;--receipt-text:#1f2937;--receipt-muted:#64748b;--receipt-light:#94a3b8;--receipt-border:#e2e8f0;--receipt-border-dark:#cbd5e1;--receipt-bg:#f5f7fb;--receipt-white:#fff;--receipt-radius-sm:8px;--receipt-radius-md:12px;--receipt-radius-lg:16px;--receipt-radius-xl:20px;--receipt-shadow-sm:0 2px 8px #0f172a0d;--receipt-shadow-md:0 10px 30px #0f172a14;--receipt-shadow-lg:0 20px 60px #0f172a2e;--receipt-transition:all .2s ease}.receipts-page{width:100%;min-height:100vh;color:var(--receipt-text);box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#f4f7fb 45%,#eef2f7 100%);overflow:hidden auto}.receipts-container{box-sizing:border-box;width:100%;max-width:1700px;margin:0 auto;padding:28px 30px 60px}.receipt-access-denied{text-align:center;background:var(--receipt-white);border:1px solid var(--receipt-border);border-radius:var(--receipt-radius-xl);min-height:430px;box-shadow:var(--receipt-shadow-md);flex-direction:column;justify-content:center;align-items:center;padding:50px 30px;display:flex}.receipt-denied-icon{background:var(--receipt-danger-soft);border-radius:21px;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:20px;font-size:34px;display:flex}.receipt-access-denied h1{color:var(--receipt-dark);margin:0 0 10px;font-size:28px;font-weight:850}.receipt-access-denied p{color:var(--receipt-muted);margin:0 0 8px;font-size:15px}.receipt-access-denied span{color:var(--receipt-light);font-size:13px}.receipts-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:24px;display:flex}.receipt-eyebrow{color:var(--receipt-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.receipts-header h1{color:var(--receipt-dark);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.05}.receipts-header p{max-width:700px;color:var(--receipt-muted);margin:10px 0 0;font-size:15px;line-height:1.65}.receipt-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.receipt-primary-btn,.receipt-secondary-btn,.receipt-reprint-btn,.receipt-cancel-btn,.receipt-print-btn,.receipt-view-btn{min-height:40px;font:inherit;white-space:nowrap;cursor:pointer;transition:var(--receipt-transition);border-radius:10px;padding:10px 15px;font-size:13px;font-weight:800}.receipt-primary-btn{color:#fff;background:linear-gradient(135deg, var(--receipt-primary), #3b82f6);border:1px solid #0000;box-shadow:0 7px 18px #2563eb38}.receipt-primary-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--receipt-primary-dark), var(--receipt-primary));transform:translateY(-1px);box-shadow:0 10px 24px #2563eb47}.receipt-secondary-btn{color:#334155;border:1px solid var(--receipt-border-dark);background:#fff}.receipt-secondary-btn:hover:not(:disabled){color:var(--receipt-dark);background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.receipt-reprint-btn{color:#6d28d9;background:var(--receipt-purple-soft);border:1px solid #ddd6fe}.receipt-reprint-btn:hover:not(:disabled){background:#ede9fe}.receipt-print-btn{color:#1d4ed8;background:var(--receipt-primary-soft);border:1px solid #bfdbfe}.receipt-print-btn:hover:not(:disabled){background:#dbeafe}.receipt-cancel-btn{color:var(--receipt-danger-dark);background:var(--receipt-danger-soft);border:1px solid #fecaca}.receipt-cancel-btn:hover:not(:disabled){background:#fee2e2}.receipt-view-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.receipt-view-btn:hover:not(:disabled){background:#dbeafe}.receipt-primary-btn:disabled,.receipt-secondary-btn:disabled,.receipt-reprint-btn:disabled,.receipt-cancel-btn:disabled,.receipt-print-btn:disabled,.receipt-view-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.receipt-reprint-btn.large,.receipt-print-btn.large,.receipt-cancel-btn.large{min-height:44px;padding:11px 18px}.receipt-alert{border-radius:var(--receipt-radius-md);box-shadow:var(--receipt-shadow-sm);border:1px solid;align-items:flex-start;gap:13px;margin-bottom:20px;padding:15px 17px;display:flex}.receipt-alert>div:not(.receipt-alert-icon){flex:1;min-width:0}.receipt-alert strong,.receipt-alert span{display:block}.receipt-alert strong{margin-bottom:3px;font-size:13px;font-weight:850}.receipt-alert span{word-break:break-word;opacity:.85;font-size:13px;line-height:1.5}.receipt-alert-icon{border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:flex}.receipt-alert>button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:20px}.receipt-alert>button:hover{background:#0000000d}.receipt-alert-success{color:#166534;background:var(--receipt-success-soft);border-color:#bbf7d0}.receipt-alert-success .receipt-alert-icon{background:#dcfce7}.receipt-alert-error{color:#991b1b;background:var(--receipt-danger-soft);border-color:#fecaca}.receipt-alert-error .receipt-alert-icon{background:#fee2e2}.receipt-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.receipt-summary-card{border:1px solid var(--receipt-border);border-radius:var(--receipt-radius-lg);min-height:115px;box-shadow:var(--receipt-shadow-sm);transition:var(--receipt-transition);background:#fffffff7;align-items:center;gap:15px;padding:18px;display:flex}.receipt-summary-card:hover{box-shadow:var(--receipt-shadow-md);transform:translateY(-2px)}.receipt-summary-icon{border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:15px;font-weight:900;display:flex}.receipt-summary-icon.blue{color:#1d4ed8;background:#eff6ff}.receipt-summary-icon.green{color:#15803d;background:#f0fdf4}.receipt-summary-icon.orange{color:#b45309;background:#fffbeb}.receipt-summary-icon.red{color:#b91c1c;background:#fef2f2}.receipt-summary-card span{color:var(--receipt-muted);margin-bottom:5px;font-size:12px;font-weight:650;display:block}.receipt-summary-card strong{color:var(--receipt-dark);overflow-wrap:anywhere;font-size:20px;font-weight:900;display:block}.receipt-financial-summary{border:1px solid var(--receipt-border);border-radius:var(--receipt-radius-lg);box-shadow:var(--receipt-shadow-sm);background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden}.receipt-financial-summary>div{min-width:0;padding:17px 18px}.receipt-financial-summary>div+div{border-left:1px solid var(--receipt-border)}.receipt-financial-summary span{color:var(--receipt-muted);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.receipt-financial-summary strong{color:var(--receipt-dark);overflow-wrap:anywhere;font-size:17px;font-weight:900}.receipt-financial-summary .cancelled-value{color:var(--receipt-danger-dark)}.receipt-filter-card{border:1px solid var(--receipt-border);border-radius:var(--receipt-radius-lg);box-shadow:var(--receipt-shadow-sm);background:#fffffff7;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(140px,.8fr)) auto;align-items:end;gap:12px;margin-bottom:20px;padding:17px;display:grid}.receipt-filter{min-width:0}.receipt-filter label,.receipt-search-wrapper+label{color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.receipt-filter input,.receipt-filter select,.receipt-search-wrapper input,.receipt-form-group input,.receipt-form-group textarea{box-sizing:border-box;border:1px solid var(--receipt-border-dark);width:100%;min-height:42px;color:var(--receipt-dark);font:inherit;transition:var(--receipt-transition);background:#fff;border-radius:10px;outline:none;padding:10px 12px;font-size:13px}.receipt-filter input:focus,.receipt-filter select:focus,.receipt-search-wrapper input:focus,.receipt-form-group input:focus,.receipt-form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.receipt-search-wrapper{position:relative}.receipt-search-wrapper>span{color:var(--receipt-light);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.receipt-search-wrapper input{padding-left:38px}.receipt-card{border:1px solid var(--receipt-border);border-radius:var(--receipt-radius-xl);box-shadow:var(--receipt-shadow-md);background:#fff;margin-bottom:30px;overflow:hidden}.receipt-card-header{border-bottom:1px solid var(--receipt-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.receipt-card-header h2{color:var(--receipt-dark);margin:0;font-size:19px;font-weight:900}.receipt-card-header p{color:var(--receipt-muted);margin:5px 0 0;font-size:13px}.receipt-card-header>span{color:#475569;border:1px solid var(--receipt-border);white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.receipt-loading{min-height:280px;color:var(--receipt-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.receipt-spinner{border:4px solid #dbeafe;border-top-color:var(--receipt-primary);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite receipt-spin}@keyframes receipt-spin{to{transform:rotate(360deg)}}.receipt-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:35px 20px;display:flex}.receipt-empty-icon{background:#f8fafc;border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:16px;font-size:29px;display:flex}.receipt-empty h3{color:var(--receipt-dark);margin:0 0 7px;font-size:17px;font-weight:900}.receipt-empty p{max-width:500px;color:var(--receipt-muted);margin:0;font-size:13px;line-height:1.6}.receipt-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;max-width:100%;overflow:auto visible}.receipt-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.receipt-detail-table-wrapper::-webkit-scrollbar{width:9px;height:9px}.receipt-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.receipt-detail-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.receipt-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.receipt-detail-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.receipt-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.receipt-detail-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.receipt-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1180px}.receipt-table thead th{z-index:3;border-bottom:1px solid var(--receipt-border);color:#64748b;text-align:left;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:10px;font-weight:900;position:sticky;top:0}.receipt-table tbody td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:14px;font-size:13px}.receipt-table tbody tr{transition:background .15s}.receipt-table tbody tr:hover{background:#f8fbff}.receipt-table tbody tr:last-child td{border-bottom:0}.receipt-number-cell,.receipt-customer-cell,.receipt-sale-cell{flex-direction:column;min-width:150px;display:flex}.receipt-number-cell strong,.receipt-customer-cell strong,.receipt-sale-cell strong{color:var(--receipt-dark);font-weight:850}.receipt-number-cell small,.receipt-customer-cell small,.receipt-sale-cell small{color:var(--receipt-light);margin-top:4px;font-size:11px}.receipt-payment-badge{border:1px solid var(--receipt-border);color:#475569;white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;min-height:27px;padding:5px 9px;font-size:11px;font-weight:850;display:inline-flex}.receipt-balance{color:var(--receipt-danger-dark)}.receipt-balance-zero{color:var(--receipt-success-dark)}.receipt-status{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.receipt-status-issued{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.receipt-status-reprinted{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.receipt-status-cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.receipt-status-default{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.receipt-actions{align-items:center;gap:6px;min-width:max-content;display:flex}.receipt-actions button{min-height:33px;padding:7px 10px;font-size:11px;font-weight:850}.receipt-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#0f172a94;justify-content:center;align-items:flex-start;padding:25px;display:flex;position:fixed;inset:0;overflow:hidden auto}.receipt-modal{width:100%;max-width:1180px;min-height:0;max-height:calc(100vh - 50px);box-shadow:var(--receipt-shadow-lg);background:#fff;border:1px solid #ffffffb3;border-radius:20px;flex-direction:column;margin:auto 0;display:flex;overflow:hidden}.receipt-details-modal{max-width:1240px}.receipt-search-modal{max-width:560px}.receipt-create-modal{max-width:650px}.receipt-modal-header{border-bottom:1px solid var(--receipt-border);background:linear-gradient(135deg,#fff,#f8fbff);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 24px;display:flex}.receipt-modal-header>div{min-width:0}.receipt-modal-eyebrow{color:var(--receipt-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:900;display:block}.receipt-modal-header h2{color:var(--receipt-dark);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:900}.receipt-modal-header p{color:var(--receipt-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.receipt-modal-close{border:1px solid var(--receipt-border);color:#475569;cursor:pointer;width:38px;height:38px;transition:var(--receipt-transition);background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.receipt-modal-close:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.receipt-detail-status-bar{border-bottom:1px solid var(--receipt-border);color:var(--receipt-muted);background:#f8fafc;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.receipt-print-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.receipt-print-area::-webkit-scrollbar{width:9px}.receipt-create-content::-webkit-scrollbar{width:9px}.receipt-print-area::-webkit-scrollbar-track{background:#f8fafc}.receipt-create-content::-webkit-scrollbar-track{background:#f8fafc}.receipt-print-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.receipt-create-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.receipt-print-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.receipt-create-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.receipt-detail-top{border-bottom:1px solid var(--receipt-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:18px 22px;display:grid}.receipt-detail-top>div{border:1px solid var(--receipt-border);background:#f8fafc;border-radius:10px;min-width:0;padding:12px}.receipt-detail-top span,.receipt-customer-detail span,.receipt-payment-detail span,.receipt-payment-box span,.receipt-notes-box span{color:var(--receipt-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.receipt-detail-top strong,.receipt-customer-detail strong,.receipt-payment-detail strong,.receipt-payment-box strong,.receipt-notes-box strong{color:var(--receipt-dark);overflow-wrap:anywhere;font-size:13px;font-weight:800;display:block}.receipt-detail-section{border-bottom:1px solid var(--receipt-border);padding:20px 22px}.receipt-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.receipt-section-heading h3{color:var(--receipt-dark);margin:0;font-size:16px;font-weight:900}.receipt-section-heading>span{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.receipt-customer-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.receipt-customer-detail>div{border:1px solid var(--receipt-border);background:#f8fafc;border-radius:10px;min-width:0;padding:12px}.receipt-detail-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow:auto visible}.receipt-detail-table{border-collapse:separate;border-spacing:0;width:100%;min-width:780px}.receipt-detail-table thead th{z-index:2;border-bottom:1px solid var(--receipt-border);color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;padding:11px 12px;font-size:10px;font-weight:900;position:sticky;top:0}.receipt-detail-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px;font-size:12px}.receipt-detail-table tbody tr:last-child td{border-bottom:0}.receipt-detail-table tbody tr:hover{background:#f8fbff}.receipt-payment-box{border:1px solid var(--receipt-border);background:#f8fafc;border-radius:14px;margin:18px 22px 22px;padding:17px}.receipt-payment-box>div{justify-content:space-between;align-items:center;gap:20px;padding:7px 0;display:flex}.receipt-payment-box>div+div{border-top:1px dashed #e2e8f0}.receipt-payment-box .receipt-highlight-total{background:#eff6ff;border-radius:10px;margin-top:9px;padding:13px 10px;border:1px solid #bfdbfe!important}.receipt-payment-box .receipt-highlight-total span{color:#1d4ed8}.receipt-payment-box .receipt-highlight-total strong{color:#1d4ed8;font-size:18px}.receipt-payment-detail{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.receipt-payment-detail>div{border:1px solid var(--receipt-border);background:#f8fafc;border-radius:10px;min-width:0;padding:12px}.receipt-no-payment{text-align:center;color:var(--receipt-muted);border:1px dashed var(--receipt-border-dark);background:#f8fafc;border-radius:10px;padding:18px;font-size:13px}.receipt-notes-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:0 22px 22px;padding:15px}.receipt-notes-box strong{color:#1e3a8a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.receipt-search-content{flex:auto;min-height:0;padding:22px;overflow-y:auto}.receipt-search-content label{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.receipt-search-content input{box-sizing:border-box;border:1px solid var(--receipt-border-dark);width:100%;min-height:44px;color:var(--receipt-dark);font:inherit;border-radius:10px;outline:none;padding:11px 13px}.receipt-search-content input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.receipt-create-content{flex:auto;min-height:0;padding:20px 22px;overflow-y:auto}.receipt-create-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:14px 15px;font-size:13px;line-height:1.5;display:flex}.receipt-create-warning strong{font-weight:900}.receipt-form-group{margin-bottom:17px}.receipt-form-group:last-child{margin-bottom:0}.receipt-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.receipt-form-group textarea{resize:vertical;min-height:105px}.receipt-modal-footer{border-top:1px solid var(--receipt-border);z-index:4;background:#fff;flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:15px 20px;display:flex;position:relative}.receipt-thermal-paper-control{color:#526272;align-items:center;gap:6px;margin-right:auto;font-size:12px;font-weight:800;display:inline-flex}.receipt-thermal-paper-control>span{margin-right:2px}.receipt-modal-footer .receipt-paper-size{color:#526272;cursor:pointer;background:#f8fafc;border:1px solid #cbd8e5;border-radius:8px;min-height:32px;padding:6px 9px;font-size:11px;font-weight:850}.receipt-modal-footer .receipt-paper-size:hover{background:#eef6ff;border-color:#8fb6df}.receipt-modal-footer .receipt-paper-size.active{color:#076c4e;background:#e9f8f1;border-color:#087f5b}@media (width<=1200px){.receipt-summary-grid,.receipt-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-filter-card .receipt-filter:first-child{grid-column:1/-1}.receipt-filter-card .receipt-primary-btn{width:100%}.receipt-detail-top,.receipt-customer-detail,.receipt-payment-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.receipts-container{padding:22px 18px 45px}.receipts-header{flex-direction:column}.receipt-header-actions{justify-content:flex-start;width:100%}.receipt-header-actions button{flex:auto}.receipt-financial-summary{grid-template-columns:1fr}.receipt-financial-summary>div+div{border-left:0;border-top:1px solid var(--receipt-border)}.receipt-detail-section{padding:17px}.receipt-payment-box,.receipt-notes-box{margin-left:17px;margin-right:17px}}@media (width<=640px){.receipts-page{overflow-x:hidden}.receipts-container{padding:15px 12px 40px}.receipts-header h1{font-size:29px}.receipts-header p{font-size:13px}.receipt-header-actions{flex-direction:column;align-items:stretch;width:100%}.receipt-header-actions button{flex:none;width:100%}.receipt-summary-grid,.receipt-filter-card{grid-template-columns:1fr}.receipt-filter-card .receipt-filter:first-child{grid-column:auto}.receipt-filter-card .receipt-primary-btn{width:100%}.receipt-card-header{flex-direction:column;align-items:flex-start;padding:16px}.receipt-table{min-width:1120px}.receipt-modal-overlay{align-items:flex-start;padding:10px;overflow-y:auto}.receipt-modal{border-radius:15px;max-height:calc(100vh - 20px);margin:0}.receipt-modal-header{padding:16px}.receipt-modal-header h2{font-size:20px}.receipt-detail-status-bar{padding:11px 14px}.receipt-detail-top{grid-template-columns:1fr;padding:14px}.receipt-customer-detail,.receipt-payment-detail{grid-template-columns:1fr}.receipt-detail-table{min-width:780px}.receipt-payment-box,.receipt-notes-box{margin:14px}.receipt-modal-footer{justify-content:stretch;padding:12px}.receipt-modal-footer button{flex:100%;width:100%}.receipt-thermal-paper-control{justify-content:flex-start;width:100%}.receipt-modal-footer .receipt-thermal-paper-control .receipt-paper-size{flex:none;width:auto}.receipt-create-content,.receipt-search-content{padding:16px}}@media (hover:none){.receipt-summary-card:hover{box-shadow:var(--receipt-shadow-sm);transform:none}.receipt-primary-btn:hover,.receipt-secondary-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.receipts-page{background:#fff;overflow:visible}.receipts-container{max-width:none;padding:0}.receipt-header-actions,.receipt-filter-card,.receipt-modal-overlay,.receipt-actions,.receipt-card-header>span{display:none!important}.receipt-card{box-shadow:none;border:1px solid #ddd}.receipt-table-wrapper{overflow:visible}.receipt-table{min-width:0}.receipt-table thead th{position:static}}:root{--st-primary:#0f766e;--st-primary-dark:#115e59;--st-primary-soft:#ccfbf1;--st-blue:#2563eb;--st-blue-soft:#dbeafe;--st-green:#16a34a;--st-green-soft:#dcfce7;--st-red:#dc2626;--st-red-dark:#b91c1c;--st-red-soft:#fee2e2;--st-orange:#ea580c;--st-orange-soft:#ffedd5;--st-purple:#7c3aed;--st-purple-soft:#ede9fe;--st-yellow:#ca8a04;--st-yellow-soft:#fef9c3;--st-gray-50:#f8fafc;--st-gray-100:#f1f5f9;--st-gray-200:#e2e8f0;--st-gray-300:#cbd5e1;--st-gray-400:#94a3b8;--st-gray-500:#64748b;--st-gray-600:#475569;--st-text:#1e293b;--st-dark:#0f172a;--st-white:#fff;--st-border:#e2e8f0;--st-radius-sm:8px;--st-radius-md:12px;--st-radius-lg:16px;--st-radius-xl:20px;--st-shadow-sm:0 1px 3px #0f172a12;--st-shadow-md:0 10px 30px #0f172a1a;--st-shadow-lg:0 24px 70px #0f172a40}.stock-transactions-page{box-sizing:border-box;min-height:100vh;color:var(--st-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.stock-transactions-container{width:100%;max-width:1900px;margin:0 auto}.stock-transactions-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.stock-transactions-eyebrow{color:var(--st-primary);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:900}.stock-transactions-header h1{color:var(--st-dark);letter-spacing:-.7px;margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.1}.stock-transactions-header p{max-width:800px;color:var(--st-gray-500);margin:0;font-size:14px;line-height:1.6}.stock-primary-btn,.stock-secondary-btn,.stock-refresh-btn,.stock-view-btn,.stock-history-btn,.stock-delete-btn{cursor:pointer;font-family:inherit;font-weight:800;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s,opacity .15s}.stock-primary-btn,.stock-secondary-btn,.stock-refresh-btn{border-radius:var(--st-radius-sm);min-height:42px;padding:10px 16px;font-size:12px}.stock-primary-btn:hover{border-color:var(--st-primary-dark);background:var(--st-primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #0f766e33}.stock-refresh-btn{background:var(--st-blue);color:#fff;border:1px solid #1d4ed8}.stock-refresh-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 8px 20px #2563eb33}.stock-primary-btn:disabled,.stock-secondary-btn:disabled,.stock-refresh-btn:disabled,.stock-view-btn:disabled,.stock-history-btn:disabled,.stock-delete-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.stock-alert strong{font-size:13px;font-weight:800}.stock-alert button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px}.stock-summary-card span{color:var(--st-gray-500);font-size:10px;font-weight:700;line-height:1.35}.stock-summary-card strong{color:var(--st-dark);font-size:17px;font-weight:800;line-height:1.2}.stock-summary-icon.dark{color:#334155;background:#e2e8f0}.stock-card-header h2{color:var(--st-dark);margin:0 0 5px;font-size:18px;font-weight:800}.stock-card-header>span{color:var(--st-gray-500);white-space:nowrap;font-size:10px;font-weight:800}.stock-count-badge{box-sizing:border-box;background:var(--st-orange-soft);color:#c2410c;border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:28px;padding:5px 10px;font-size:10px;font-weight:900;display:inline-flex}.stock-empty>div{background:var(--st-blue-soft);border-radius:17px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:27px;display:flex}.stock-low-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px 22px;display:grid}.low-stock-mini-card{background:linear-gradient(145deg,#fffaf5,#fff);border:1px solid #fed7aa;border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:15px;display:flex}.low-stock-mini-card>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.low-stock-mini-card>div:first-child strong{color:var(--st-dark);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.low-stock-mini-card>div:first-child small{color:var(--st-gray-500);font-size:9px}.low-stock-quantities{flex-direction:column;gap:5px;display:flex}.low-stock-quantities span{color:var(--st-gray-500);font-size:10px}.low-stock-quantities strong{color:var(--st-red);font-weight:800}.stock-history-btn{background:var(--st-blue-soft);color:#1d4ed8;border:1px solid #bfdbfe;border-radius:7px;min-height:33px;padding:7px 10px;font-size:10px}.stock-history-btn:hover{background:#bfdbfe;border-color:#93c5fd;transform:translateY(-1px)}.stock-filter-search,.stock-filter-group{min-width:0}.stock-filter-search label,.stock-filter-group label{color:var(--st-text);text-transform:uppercase;letter-spacing:.35px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.stock-search-wrapper input,.stock-filter-group input,.stock-filter-group select{box-sizing:border-box;border:1px solid var(--st-gray-300);width:100%;min-height:42px;color:var(--st-text);background:#fff;border-radius:8px;outline:none;padding:10px 11px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.stock-search-wrapper input:focus,.stock-filter-group input:focus,.stock-filter-group select:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px #0f766e1a}.stock-table-wrapper{width:100%;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;min-width:1100px}.stock-table th{border-bottom:1px solid var(--st-border);color:var(--st-gray-600);text-align:left;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:9px;font-weight:900}.stock-table td{color:var(--st-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 14px;font-size:11px}.stock-table tbody tr{transition:background .12s}.stock-table tbody tr:hover{background:#f8fafc}.stock-type-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.stock-positive{color:#166534;background:var(--st-green-soft)}.stock-return{color:#1d4ed8;background:var(--st-blue-soft)}.stock-opening{color:#475569;background:#e2e8f0}.stock-transfer{color:#6d28d9;background:var(--st-purple-soft)}.stock-negative{color:#b91c1c;background:var(--st-red-soft)}.stock-danger{color:#c2410c;background:var(--st-orange-soft)}.stock-adjustment{color:#92400e;background:var(--st-yellow-soft)}.stock-default{color:var(--st-gray-600);background:var(--st-gray-100)}.stock-action-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stock-view-btn:hover{background:#bfdbfe;border-color:#93c5fd;transform:translateY(-1px)}.stock-action-buttons .stock-history-btn{min-height:31px}.stock-delete-btn{background:var(--st-red-soft);min-height:31px;color:var(--st-red-dark);border:1px solid #fecaca;border-radius:7px;padding:7px 10px;font-size:10px}.stock-delete-btn:hover{background:#fecaca;border-color:#fca5a5;transform:translateY(-1px)}.stock-delete-btn.large{min-height:42px;padding:10px 16px;font-size:12px}.stock-history-modal{width:min(1250px,100%)}.stock-modal-header>div:first-child{min-width:0}.stock-modal-header h2{color:var(--st-dark);margin:5px 0;font-size:22px;font-weight:800;line-height:1.25}.stock-modal-header p{color:var(--st-gray-500);margin:0;font-size:12px;line-height:1.55}.stock-modal-close:hover{background:var(--st-gray-50);color:var(--st-dark)}.stock-form-content{flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.stock-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stock-form-group{min-width:0}.stock-form-group.full{grid-column:1/-1}.stock-form-group label{color:var(--st-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.stock-form-group input,.stock-form-group select,.stock-form-group textarea{box-sizing:border-box;border:1px solid var(--st-gray-300);width:100%;color:var(--st-text);background:#fff;border-radius:8px;outline:none;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.stock-form-group input,.stock-form-group select{min-height:42px;padding:10px 11px}.stock-form-group textarea{resize:vertical;min-height:105px;padding:11px;line-height:1.5}.stock-form-group input:focus,.stock-form-group select:focus,.stock-form-group textarea:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px #0f766e1a}.stock-form-group small{color:var(--st-gray-400);margin-top:6px;font-size:10px;line-height:1.45;display:block}.stock-permission-text{color:#b45309!important}.stock-selected-product{background:linear-gradient(145deg,#f0fdfa,#fff);border:1px solid #99f6e4;border-radius:12px;grid-template-columns:2fr repeat(3,minmax(120px,1fr));gap:10px;margin-top:20px;padding:15px;display:grid}.stock-selected-product>div{flex-direction:column;gap:4px;min-width:0;display:flex}.stock-selected-product span{color:var(--st-gray-500);text-transform:uppercase;font-size:9px;font-weight:800}.stock-selected-product strong{color:var(--st-dark);font-size:12px}.stock-selected-product small{color:var(--st-gray-500);font-size:9px}.stock-adjustment-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;gap:8px;margin-bottom:18px;padding:13px 14px;font-size:11px;line-height:1.55;display:flex}.stock-adjustment-warning strong{font-weight:900}.stock-adjustment-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.stock-adjustment-comparison>div{border:1px solid var(--st-border);background:#f8fafc;border-radius:10px;padding:15px}.stock-adjustment-comparison span{color:var(--st-gray-500);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.stock-adjustment-comparison strong{color:var(--st-dark);font-size:17px}.stock-positive-value{color:var(--st-green)!important}.stock-negative-value{color:var(--st-red)!important}.stock-detail-content{flex:1;min-height:0;padding:22px 24px;overflow-y:auto}.stock-detail-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.stock-detail-top>span:last-child{color:var(--st-gray-500);font-size:11px}.stock-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stock-detail-grid>div{border:1px solid var(--st-border);background:#fff;border-radius:10px;min-width:0;padding:15px}.stock-detail-grid>div:first-child{grid-column:span 2}.stock-detail-grid span,.stock-detail-notes span,.stock-attachment-box span{color:var(--st-gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.stock-detail-grid strong{color:var(--st-dark);text-overflow:ellipsis;font-size:12px;line-height:1.4;display:block;overflow:hidden}.stock-detail-grid small{color:var(--st-gray-400);margin-top:3px;font-size:9px;display:block}.stock-detail-notes{border:1px solid var(--st-border);background:#f8fafc;border-radius:10px;margin-top:12px;padding:15px}.stock-detail-notes strong{color:var(--st-text);white-space:pre-wrap;font-size:11px;font-weight:600;line-height:1.6}.stock-attachment-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:15px;display:flex}.stock-attachment-box span{color:#1e40af;margin-bottom:0}.stock-attachment-box a{color:#1d4ed8;background:#fff;border:1px solid #93c5fd;border-radius:7px;align-items:center;min-height:34px;padding:8px 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.stock-attachment-box a:hover{background:#dbeafe}.stock-history-summary{border-bottom:1px solid var(--st-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px;display:grid}.stock-history-summary>div{border:1px solid var(--st-border);background:#f8fafc;border-radius:10px;padding:14px}.stock-history-summary span{color:var(--st-gray-500);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.stock-history-summary strong{color:var(--st-dark);font-size:16px}.stock-low-text{color:var(--st-red)!important}.stock-good-text{color:var(--st-green)!important}.stock-history-table-wrapper{border:1px solid var(--st-border);border-radius:10px;flex:1;min-height:0;margin:18px 24px;overflow:auto}.stock-history-table{border-collapse:collapse;width:100%;min-width:950px}.stock-history-table th{z-index:2;border-bottom:1px solid var(--st-border);color:var(--st-gray-600);text-align:left;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;padding:12px 13px;font-size:9px;font-weight:900;position:sticky;top:0}.stock-history-table td{color:var(--st-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:12px 13px;font-size:10px}.stock-history-table tbody tr:hover{background:#f8fafc}.stock-no-data{text-align:center;color:var(--st-gray-500)!important;padding:35px!important;font-size:11px!important}.stock-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-history-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-form-content::-webkit-scrollbar{width:8px;height:8px}.stock-detail-content::-webkit-scrollbar{width:8px;height:8px}.stock-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-history-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-form-content::-webkit-scrollbar-track{background:#f8fafc}.stock-detail-content::-webkit-scrollbar-track{background:#f8fafc}.stock-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-history-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-detail-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stock-history-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stock-form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stock-detail-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1550px){.stock-summary-grid,.stock-low-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1200px){.stock-filter-card,.stock-low-grid,.stock-detail-grid,.stock-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.stock-transactions-header{flex-direction:column}.stock-header-actions{justify-content:flex-start;width:100%}.stock-header-actions button{flex:none}.stock-selected-product{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.stock-transactions-page{padding:18px}.stock-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-form-grid{grid-template-columns:1fr}.stock-form-group.full{grid-column:auto}.stock-adjustment-comparison,.stock-detail-grid{grid-template-columns:1fr}.stock-detail-grid>div:first-child{grid-column:auto}.stock-history-summary{grid-template-columns:1fr}}@media (width<=620px){.stock-transactions-page{padding:12px}.stock-transactions-header h1{font-size:28px}.stock-header-actions{grid-template-columns:1fr;display:grid}.stock-header-actions button{width:100%}.stock-summary-grid,.stock-filter-card,.stock-low-grid,.stock-selected-product{grid-template-columns:1fr}.stock-card-header{padding:17px}.stock-modal-overlay{padding:8px}.stock-modal{border-radius:14px;max-height:calc(100vh - 16px)}.stock-modal-header,.stock-form-content,.stock-detail-content{padding:17px}.stock-history-summary{padding:15px 17px}.stock-history-table-wrapper{margin:15px 17px}.stock-modal-footer{flex-wrap:wrap;padding:13px 17px}.stock-modal-footer button{flex:1}.stock-attachment-box{flex-direction:column;align-items:flex-start}}@media print{.stock-transactions-page{background:#fff;padding:0}.stock-header-actions,.stock-filter-card,.stock-modal-overlay,.stock-alert,.stock-action-buttons,.stock-history-btn,.stock-view-btn,.stock-delete-btn{display:none!important}.stock-card{box-shadow:none;break-inside:avoid}.stock-table{min-width:0}.stock-table th,.stock-table td{font-size:8px}}:root{--stock-primary:#0f766e;--stock-primary-dark:#115e59;--stock-primary-light:#ccfbf1;--stock-blue:#2563eb;--stock-blue-light:#dbeafe;--stock-green:#16a34a;--stock-green-light:#dcfce7;--stock-red:#dc2626;--stock-red-light:#fee2e2;--stock-purple:#7c3aed;--stock-purple-light:#ede9fe;--stock-orange:#ea580c;--stock-orange-light:#ffedd5;--stock-gray:#64748b;--stock-gray-light:#f1f5f9;--stock-dark:#0f172a;--stock-text:#1e293b;--stock-muted:#64748b;--stock-border:#e2e8f0;--stock-border-dark:#cbd5e1;--stock-bg:#f8fafc;--stock-white:#fff;--stock-radius-sm:8px;--stock-radius-md:12px;--stock-radius-lg:16px;--stock-radius-xl:20px;--stock-shadow-sm:0 1px 3px #0f172a14;--stock-shadow-md:0 10px 30px #0f172a1a;--stock-shadow-lg:0 24px 70px #0f172a40}.stock-report-page{box-sizing:border-box;min-height:100vh;color:var(--stock-text);background:linear-gradient(#f8fafc 0%,#eef2f7 100%);padding:28px}.stock-report-container{width:100%;max-width:1900px;margin:0 auto}.stock-report-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.stock-report-eyebrow{color:var(--stock-primary);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:900}.stock-report-header h1{color:var(--stock-dark);letter-spacing:-.7px;margin:5px 0 8px;font-size:34px;font-weight:800;line-height:1.15}.stock-report-header p{max-width:820px;color:var(--stock-muted);margin:0;font-size:14px;line-height:1.65}.stock-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.stock-primary-btn,.stock-secondary-btn,.stock-view-btn{cursor:pointer;font-family:inherit;font-weight:800;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s,opacity .15s}.stock-primary-btn,.stock-secondary-btn{border-radius:var(--stock-radius-sm);min-height:42px;padding:10px 16px;font-size:12px}.stock-primary-btn{border:1px solid var(--stock-primary);background:var(--stock-primary);color:#fff}.stock-primary-btn:hover{background:var(--stock-primary-dark);border-color:var(--stock-primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #0f766e33}.stock-secondary-btn{border:1px solid var(--stock-border-dark);color:var(--stock-text);background:#fff}.stock-secondary-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.stock-primary-btn:disabled,.stock-secondary-btn:disabled,.stock-view-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.stock-alert{border-radius:var(--stock-radius-md);border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.stock-alert>div:first-child{flex-direction:column;flex:1;gap:3px;display:flex}.stock-alert strong{font-size:13px}.stock-alert span{font-size:13px;line-height:1.5}.stock-alert button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px}.stock-alert-success{color:#166534;background:var(--stock-green-light);border-color:#86efac}.stock-alert-error{color:#991b1b;background:var(--stock-red-light);border-color:#fca5a5}.stock-filter-card{border:1px solid var(--stock-border);border-radius:var(--stock-radius-md);box-shadow:var(--stock-shadow-sm);background:#fff;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto 1fr;align-items:end;gap:12px;margin-bottom:20px;padding:16px;display:grid}.stock-filter-group{min-width:0}.stock-filter-group label{color:var(--stock-text);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.stock-filter-group input{box-sizing:border-box;border:1px solid var(--stock-border-dark);width:100%;min-height:42px;color:var(--stock-text);background:#fff;border-radius:8px;outline:none;padding:10px 11px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.stock-filter-group input:focus{border-color:var(--stock-primary);box-shadow:0 0 0 3px #0f766e1a}.stock-period-display{border:1px solid var(--stock-border);color:var(--stock-muted);background:#f8fafc;border-radius:9px;align-self:center;padding:11px 13px;font-size:11px}.stock-period-display strong{color:var(--stock-dark)}.stock-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stock-summary-card{border:1px solid var(--stock-border);border-radius:var(--stock-radius-md);min-height:98px;box-shadow:var(--stock-shadow-sm);background:#fff;align-items:center;gap:12px;padding:16px;display:flex}.stock-summary-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.stock-summary-card span{color:var(--stock-muted);font-size:10px;font-weight:700}.stock-summary-card strong{color:var(--stock-dark);font-size:18px;font-weight:800}.stock-summary-icon{border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;font-weight:900;display:flex}.stock-summary-icon.blue{color:var(--stock-blue);background:var(--stock-blue-light)}.stock-summary-icon.gray{color:#475569;background:#e2e8f0}.stock-summary-icon.green{color:var(--stock-green);background:var(--stock-green-light)}.stock-summary-icon.red{color:var(--stock-red);background:var(--stock-red-light)}.stock-summary-icon.purple{color:var(--stock-purple);background:var(--stock-purple-light)}.stock-summary-icon.orange{color:var(--stock-orange);background:var(--stock-orange-light)}.stock-financial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.stock-financial-card{border:1px solid var(--stock-border);border-radius:var(--stock-radius-md);min-height:125px;box-shadow:var(--stock-shadow-sm);background:linear-gradient(145deg,#fff,#f8fafc);padding:18px}.stock-financial-card span{color:var(--stock-muted);text-transform:uppercase;letter-spacing:.45px;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.stock-financial-card strong{color:var(--stock-dark);margin-bottom:7px;font-size:22px;font-weight:800;display:block}.stock-financial-card small{color:#94a3b8;font-size:10px;line-height:1.45}.stock-card{border:1px solid var(--stock-border);border-radius:var(--stock-radius-lg);box-shadow:var(--stock-shadow-sm);background:#fff;margin-bottom:22px;overflow:hidden}.stock-card-header{border-bottom:1px solid var(--stock-border);justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px;display:flex}.stock-card-header h2{color:var(--stock-dark);margin:0 0 5px;font-size:18px}.stock-card-header p{color:var(--stock-muted);margin:0;font-size:12px;line-height:1.55}.stock-count-badge,.stock-product-count{background:var(--stock-primary-light);min-height:28px;color:var(--stock-primary-dark);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:10px;font-weight:900;display:inline-flex}.stock-transaction-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 20px;display:grid}.stock-tx-card{border:1px solid var(--stock-border);background:#fff;border-radius:10px;align-items:center;gap:11px;padding:13px;display:flex}.stock-tx-icon{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:flex}.stock-tx-card>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stock-tx-card strong{color:var(--stock-dark);font-size:11px}.stock-tx-card span{color:var(--stock-muted);font-size:9px}.stock-tx-card small{color:#94a3b8;font-size:9px}.stock-tx-card>b{color:var(--stock-dark);white-space:nowrap;font-size:11px}.stock-tx-positive{color:#166534;background:var(--stock-green-light)}.stock-tx-return{color:#1d4ed8;background:var(--stock-blue-light)}.stock-tx-negative{color:#b91c1c;background:var(--stock-red-light)}.stock-tx-danger{color:#c2410c;background:var(--stock-orange-light)}.stock-tx-adjustment{color:#6d28d9;background:var(--stock-purple-light)}.stock-tx-opening{color:#475569;background:#e2e8f0}.stock-tx-default{color:#475569;background:#f1f5f9}.stock-empty-small{color:var(--stock-muted);text-align:center;padding:25px;font-size:12px}.stock-loading{color:var(--stock-muted);text-align:center;padding:38px;font-size:13px}.stock-empty{text-align:center;padding:42px 20px}.stock-empty>div{background:var(--stock-green-light);width:60px;height:60px;color:var(--stock-green);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 13px;font-size:24px;font-weight:900;display:flex}.stock-empty h3{color:var(--stock-dark);margin:0 0 7px;font-size:17px}.stock-empty p{color:var(--stock-muted);margin:0;font-size:12px}.stock-low-table-wrapper,.stock-product-table-wrapper,.stock-valuation-table-wrapper,.stock-transaction-table-wrapper{width:100%;overflow-x:auto}.stock-low-table,.stock-product-table,.stock-valuation-table,.stock-transaction-table{border-collapse:collapse;width:100%}.stock-low-table{min-width:850px}.stock-product-table{min-width:1280px}.stock-valuation-table{min-width:900px}.stock-transaction-table{min-width:950px}.stock-low-table th,.stock-product-table th,.stock-valuation-table th,.stock-transaction-table th{border-bottom:1px solid var(--stock-border);color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:9px;font-weight:900}.stock-low-table td,.stock-product-table td,.stock-valuation-table td,.stock-transaction-table td{color:var(--stock-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 14px;font-size:11px}.stock-low-table tbody tr:hover,.stock-product-table tbody tr:hover,.stock-valuation-table tbody tr:hover,.stock-transaction-table tbody tr:hover{background:#f8fafc}.stock-product-cell{flex-direction:column;gap:3px;min-width:150px;display:flex}.stock-product-cell strong{color:var(--stock-dark);font-size:11px;line-height:1.4}.stock-product-cell small{color:var(--stock-muted);font-size:9px}.stock-low-value{color:var(--stock-red)!important}.stock-normal-value{color:var(--stock-green)!important}.stock-margin-value{color:var(--stock-primary-dark)}.stock-level-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:9px;font-weight:900;display:inline-flex}.stock-low{color:#b91c1c;background:var(--stock-red-light)}.stock-normal{color:#166534;background:var(--stock-green-light)}.stock-positive-number{color:#15803d;font-weight:800}.stock-negative-number{color:#b91c1c;font-weight:800}.stock-view-btn{background:var(--stock-blue-light);color:#1d4ed8;border:0;border-radius:7px;min-height:31px;padding:7px 10px;font-size:10px}.stock-view-btn:hover{background:#bfdbfe;transform:translateY(-1px)}.stock-no-data{text-align:center;color:var(--stock-muted)!important;padding:35px!important}.stock-product-filters{border-bottom:1px solid var(--stock-border);background:#fcfdff;grid-template-columns:minmax(280px,2fr) minmax(180px,1fr);gap:10px;padding:16px 20px;display:grid}.stock-search-wrapper{position:relative}.stock-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stock-search-wrapper input,.stock-product-filters select{box-sizing:border-box;border:1px solid var(--stock-border-dark);width:100%;min-height:42px;color:var(--stock-text);background:#fff;border-radius:8px;outline:none;padding:10px 11px;font-family:inherit;font-size:12px}.stock-search-wrapper input{padding-left:38px}.stock-search-wrapper input:focus,.stock-product-filters select:focus{border-color:var(--stock-primary);box-shadow:0 0 0 3px #0f766e1a}.stock-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.stock-modal{border-radius:var(--stock-radius-xl);width:min(1100px,100%);max-height:calc(100vh - 48px);box-shadow:var(--stock-shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.stock-product-modal{width:min(1250px,100%)}.stock-modal-header{border-bottom:1px solid var(--stock-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.stock-modal-header span{color:var(--stock-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:900}.stock-modal-header h2{color:var(--stock-dark);margin:5px 0;font-size:22px;line-height:1.25}.stock-modal-header p{color:var(--stock-muted);margin:0;font-size:12px}.stock-modal-close{border:1px solid var(--stock-border);width:38px;height:38px;color:var(--stock-muted);cursor:pointer;background:#fff;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;font-size:23px;display:flex}.stock-modal-close:hover{color:var(--stock-dark);background:#f8fafc}.stock-product-report-filters{border-bottom:1px solid var(--stock-border);background:#f8fafc;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;align-items:end;gap:11px;padding:15px 24px;display:grid}.stock-product-report-filters>div label{color:var(--stock-text);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.stock-product-report-filters input{box-sizing:border-box;border:1px solid var(--stock-border-dark);width:100%;min-height:40px;color:var(--stock-text);background:#fff;border-radius:8px;outline:none;padding:9px 10px;font-family:inherit;font-size:11px}.stock-product-report-filters input:focus{border-color:var(--stock-primary);box-shadow:0 0 0 3px #0f766e1a}.stock-product-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 24px;display:grid}.stock-product-summary>div{border:1px solid var(--stock-border);background:#fff;border-radius:10px;padding:15px}.stock-product-summary span,.stock-product-movement span{color:var(--stock-muted);text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.stock-product-summary strong{color:var(--stock-dark);font-size:16px}.stock-product-movement{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 24px 20px;display:grid}.stock-product-movement>div{border:1px solid var(--stock-border);background:#f8fafc;border-radius:10px;padding:14px}.stock-product-movement strong{color:var(--stock-dark);font-size:13px}.stock-closing-summary{background:#f0fdfa!important;border-color:#99f6e4!important}.stock-closing-summary strong{color:var(--stock-primary-dark);font-size:16px}.stock-modal-section{flex:1;min-height:0;padding:0 24px 22px;overflow:hidden}.stock-modal-section-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.stock-modal-section-header h3{color:var(--stock-dark);margin:0 0 5px;font-size:15px}.stock-modal-section-header p{color:var(--stock-muted);margin:0;font-size:11px}.stock-modal-section-header>span{color:var(--stock-muted);white-space:nowrap;font-size:10px;font-weight:800}.stock-transaction-table-wrapper{border:1px solid var(--stock-border);border-radius:10px;max-height:360px;overflow:auto}.stock-transaction-table th{z-index:2;position:sticky;top:0}.stock-modal-footer{border-top:1px solid var(--stock-border);background:#fafcff;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:14px 24px;display:flex}.stock-tx-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 9px;font-size:9px;font-weight:900;display:inline-flex}.stock-access-denied{border:1px solid var(--stock-border);max-width:620px;box-shadow:var(--stock-shadow-md);text-align:center;background:#fff;border-radius:18px;margin:110px auto;padding:45px 30px}.stock-denied-icon{background:var(--stock-red-light);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:30px;display:flex}.stock-access-denied h1{color:var(--stock-dark);margin:0 0 9px;font-size:25px}.stock-access-denied p{color:var(--stock-muted);margin:0 0 7px;line-height:1.6}.stock-access-denied span{color:var(--stock-muted);font-size:13px}.stock-low-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-product-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-valuation-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-transaction-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.stock-modal::-webkit-scrollbar{width:8px;height:8px}.stock-low-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-product-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-valuation-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-transaction-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.stock-low-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-product-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-valuation-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-transaction-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-modal::-webkit-scrollbar-track{background:#f8fafc}@media (width<=1550px){.stock-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.stock-report-page{padding:18px}.stock-report-header{flex-direction:column}.stock-header-actions{justify-content:flex-start}.stock-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-period-display{grid-column:1/-1}.stock-transaction-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.stock-summary-grid,.stock-financial-grid,.stock-transaction-summary,.stock-product-summary,.stock-product-movement,.stock-product-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-product-report-filters>button{grid-column:1/-1}}@media (width<=650px){.stock-report-page{padding:12px}.stock-report-header h1{font-size:28px}.stock-header-actions{width:100%}.stock-header-actions button{flex:1}.stock-summary-grid,.stock-financial-grid,.stock-filter-card,.stock-transaction-summary,.stock-product-filters,.stock-product-summary,.stock-product-movement,.stock-product-report-filters{grid-template-columns:1fr}.stock-product-report-filters>button{grid-column:auto}.stock-modal-overlay{padding:8px}.stock-modal{border-radius:14px;max-height:calc(100vh - 16px)}.stock-modal-header{padding:17px}.stock-product-report-filters,.stock-product-summary,.stock-product-movement,.stock-modal-section{padding-left:17px;padding-right:17px}.stock-modal-footer{padding:13px 17px}.stock-modal-footer button{flex:1}}@media print{.stock-report-page{background:#fff;padding:0}.stock-header-actions,.stock-filter-card,.stock-product-filters,.stock-modal-overlay,.stock-alert,.stock-view-btn{display:none!important}.stock-card,.stock-summary-card,.stock-financial-card{box-shadow:none}.stock-card{break-inside:avoid}.stock-report-header{margin-bottom:15px}.stock-report-header h1{color:#000}.stock-product-table,.stock-low-table,.stock-valuation-table{min-width:0}.stock-table-wrapper{overflow:visible}}:root{--cw-primary:#0f766e;--cw-primary-dark:#115e59;--cw-primary-light:#ccfbf1;--cw-blue:#2563eb;--cw-blue-light:#dbeafe;--cw-green:#16a34a;--cw-green-light:#dcfce7;--cw-orange:#ea580c;--cw-orange-light:#ffedd5;--cw-purple:#7c3aed;--cw-purple-light:#ede9fe;--cw-red:#dc2626;--cw-red-light:#fee2e2;--cw-dark:#0f172a;--cw-text:#1e293b;--cw-muted:#64748b;--cw-border:#e2e8f0;--cw-border-dark:#cbd5e1;--cw-bg:#f1f5f9;--cw-white:#fff;--cw-radius-sm:8px;--cw-radius-md:12px;--cw-radius-lg:16px;--cw-radius-xl:20px;--cw-shadow-sm:0 2px 8px #0f172a0d;--cw-shadow-md:0 10px 30px #0f172a14;--cw-shadow-lg:0 24px 70px #0f172a38;--cw-shadow-xl:0 35px 100px #02061759}.carwash-page,.carwash-page *,.carwash-page :before,.carwash-page :after{box-sizing:border-box}.carwash-page{-webkit-overflow-scrolling:touch;width:100%;min-height:100vh;color:var(--cw-text);background:radial-gradient(circle at 10% 10%,#14b8a60f,#0000 30%),radial-gradient(circle at 90% 90%,#2563eb0f,#0000 30%),linear-gradient(135deg,#f8fafc 0%,#eef2f7 55%,#e8eef5 100%);padding:30px;position:relative;overflow:hidden auto}.carwash-container{width:100%;max-width:1850px;margin:0 auto}.carwash-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:26px;display:flex;position:relative}.carwash-header:after{content:"";background:linear-gradient(90deg,#0f766e33,#e2e8f0,#0000);height:1px;position:absolute;bottom:-12px;left:0;right:0}.carwash-eyebrow{color:var(--cw-primary);letter-spacing:1.25px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:900}.carwash-header h1{color:var(--cw-dark);letter-spacing:-.7px;margin:0 0 7px;font-size:32px;font-weight:900;line-height:1.15}.carwash-header p{max-width:780px;color:var(--cw-muted);margin:0;font-size:13px;line-height:1.6}.carwash-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.carwash-primary-btn,.carwash-secondary-btn,.carwash-clear-btn,.carwash-view-btn,.carwash-edit-btn,.carwash-delete-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 15px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,filter .18s,opacity .18s;display:inline-flex}.carwash-primary-btn{border:1px solid var(--cw-primary);background:linear-gradient(135deg, var(--cw-primary), #0d9488);color:#fff;box-shadow:0 8px 20px #0f766e2e}.carwash-primary-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--cw-primary-dark), var(--cw-primary));transform:translateY(-2px);box-shadow:0 12px 28px #0f766e40}.carwash-secondary-btn{border:1px solid var(--cw-border-dark);color:var(--cw-text);background:#fff}.carwash-secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.carwash-clear-btn{border:1px solid var(--cw-border-dark);color:var(--cw-muted);background:#fff}.carwash-clear-btn:hover{color:var(--cw-text);background:#f8fafc}.carwash-view-btn{background:var(--cw-blue-light);color:#1d4ed8;border:1px solid #bfdbfe}.carwash-edit-btn{background:var(--cw-purple-light);color:#6d28d9;border:1px solid #ddd6fe}.carwash-delete-btn{background:var(--cw-red-light);color:#b91c1c;border:1px solid #fecaca}.carwash-edit-btn.large,.carwash-delete-btn.large{min-width:95px}.carwash-view-btn:hover,.carwash-edit-btn:hover,.carwash-delete-btn:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}.carwash-primary-btn:disabled,.carwash-secondary-btn:disabled,.carwash-delete-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.carwash-alert{border-radius:var(--cw-radius-md);align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.carwash-alert-icon{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-weight:900;display:flex}.carwash-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.carwash-alert strong{font-size:12px}.carwash-alert span{font-size:12px;line-height:1.5}.carwash-alert>button{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:21px}.carwash-alert>button:hover{background:#ffffff8c}.carwash-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.carwash-error{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fee2e2);border:1px solid #fca5a5}.carwash-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.carwash-summary-card{border:1px solid var(--cw-border);border-radius:var(--cw-radius-md);min-height:105px;box-shadow:var(--cw-shadow-sm);background:linear-gradient(145deg,#fff,#f8fafc);align-items:center;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s;display:flex}.carwash-summary-card:hover{box-shadow:var(--cw-shadow-md);transform:translateY(-3px)}.carwash-summary-icon{border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:21px;display:flex}.carwash-summary-icon.blue{background:var(--cw-blue-light);color:var(--cw-blue)}.carwash-summary-icon.green{background:var(--cw-green-light);color:var(--cw-green)}.carwash-summary-icon.orange{background:var(--cw-orange-light);color:var(--cw-orange)}.carwash-summary-icon.purple{background:var(--cw-purple-light);color:var(--cw-purple)}.carwash-summary-icon.red{background:var(--cw-red-light);color:var(--cw-red)}.carwash-summary-card span{color:var(--cw-muted);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.carwash-summary-card strong{color:var(--cw-dark);font-size:17px;font-weight:900}.carwash-filter-card{border:1px solid var(--cw-border);border-radius:var(--cw-radius-md);box-shadow:var(--cw-shadow-sm);background:#fff;grid-template-columns:minmax(260px,2fr) minmax(155px,1fr) minmax(155px,1fr) minmax(145px,1fr) minmax(135px,.85fr) minmax(135px,.85fr) auto;align-items:end;gap:11px;margin-bottom:20px;padding:16px;display:grid}.carwash-filter{min-width:0}.carwash-filter label{color:var(--cw-text);margin-bottom:7px;font-size:10px;font-weight:800;display:block}.carwash-filter input,.carwash-filter select{border:1px solid var(--cw-border-dark);width:100%;min-height:42px;color:var(--cw-text);background:#fff;border-radius:8px;outline:none;padding:9px 11px;font-family:inherit;font-size:12px;transition:border-color .16s,box-shadow .16s}.carwash-filter input:focus,.carwash-filter select:focus{border-color:var(--cw-primary);box-shadow:0 0 0 3px #0f766e1a}.carwash-search-wrapper{position:relative}.carwash-search-wrapper>span{color:#94a3b8;pointer-events:none;font-size:17px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.carwash-search-wrapper input{padding-left:36px}.carwash-history-card{border:1px solid var(--cw-border);border-radius:var(--cw-radius-lg);box-shadow:var(--cw-shadow-sm);background:#fff;overflow:hidden}.carwash-history-header{border-bottom:1px solid var(--cw-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex}.carwash-history-header h2{color:var(--cw-dark);margin:0 0 5px;font-size:18px;font-weight:900}.carwash-history-header p{color:var(--cw-muted);margin:0;font-size:11px}.carwash-count-badge{background:var(--cw-primary-light);min-height:31px;color:var(--cw-primary-dark);border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:10px;font-weight:900;display:inline-flex}.carwash-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.carwash-table{border-collapse:collapse;width:100%;min-width:1200px}.carwash-table th{border-bottom:1px solid var(--cw-border);color:#475569;text-align:left;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 15px;font-size:9px;font-weight:900}.carwash-table td{color:var(--cw-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px 15px;font-size:11px}.carwash-table tbody tr{transition:background .15s}.carwash-table tbody tr:hover{background:#f8fbfd}.carwash-vehicle-cell{align-items:center;gap:10px;display:flex}.carwash-vehicle-icon{background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:17px;display:flex}.carwash-vehicle-cell strong{color:var(--cw-dark);font-size:11px;display:block}.carwash-vehicle-cell small{color:var(--cw-muted);margin-top:3px;font-size:10px;font-weight:800;display:block}.carwash-customer-cell strong{color:var(--cw-dark);font-size:11px;display:block}.carwash-customer-cell small{color:var(--cw-muted);margin-top:3px;font-size:9px;display:block}.carwash-wash-badge{background:var(--cw-purple-light);color:#6d28d9;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.carwash-payment-badge{background:var(--cw-blue-light);color:#1d4ed8;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.carwash-amount{color:var(--cw-dark);font-size:12px;font-weight:900;display:block}.carwash-discount{color:var(--cw-orange);margin-top:3px;font-size:9px;display:block}.carwash-status{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.carwash-status i{border-radius:50%;width:6px;height:6px}.carwash-status.completed{background:var(--cw-green-light);color:#166534}.carwash-status.completed i{background:#22c55e}.carwash-status.cancelled{background:var(--cw-red-light);color:#991b1b}.carwash-status.cancelled i{background:#ef4444}.carwash-actions{flex-wrap:wrap;gap:5px;display:flex}.carwash-loading{min-height:300px;color:var(--cw-muted);flex-direction:column;justify-content:center;align-items:center;gap:11px;font-size:12px;display:flex}.carwash-spinner{border:3px solid #dbe4ec;border-top-color:var(--cw-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite carwashSpin}@keyframes carwashSpin{to{transform:rotate(360deg)}}.carwash-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.carwash-empty-icon{background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:13px;font-size:28px;display:flex}.carwash-empty h3{color:var(--cw-dark);margin:0 0 6px;font-size:18px}.carwash-empty p{color:var(--cw-muted);margin:0 0 17px;font-size:12px}.carwash-modal-overlay{z-index:99999;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);overscroll-behavior:contain;background:#0f172abf;width:100%;height:100%;padding:20px 15px 30px;display:block;position:fixed;inset:0;overflow:hidden auto}.carwash-modal-overlay::-webkit-scrollbar{width:10px}.carwash-modal-overlay::-webkit-scrollbar-track{background:#0f172a2e}.carwash-modal-overlay::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}.carwash-modal-overlay::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.carwash-modal{border-radius:var(--cw-radius-xl);width:min(920px,100%);height:calc(100dvh - 40px);min-height:0;max-height:calc(100dvh - 40px);box-shadow:var(--cw-shadow-xl);background:#fff;flex-direction:column;margin:0 auto 20px;animation:.22s carwashModalIn;display:flex;position:relative;overflow:hidden}.carwash-form-modal{width:min(980px,100%);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px)}.carwash-view-modal{width:min(850px,100%);height:calc(100dvh - 40px);max-height:calc(100dvh - 40px)}@keyframes carwashModalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.carwash-form-modal>form{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.carwash-modal-header{z-index:10;border-bottom:1px solid var(--cw-border);background:linear-gradient(#fff,#fafcff);flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 24px;display:flex;position:relative}.carwash-modal-eyebrow{color:var(--cw-primary);letter-spacing:1.2px;text-transform:uppercase;font-size:9px;font-weight:900}.carwash-modal-header h2{color:var(--cw-dark);margin:5px 0;font-size:22px;font-weight:900}.carwash-modal-header p{color:var(--cw-muted);margin:0;font-size:11px;line-height:1.5}.carwash-modal-close{border:1px solid var(--cw-border);width:42px;min-width:42px;height:42px;color:var(--cw-muted);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;font-size:23px;display:flex}.carwash-modal-close:hover{color:var(--cw-dark);background:#f8fafc;border-color:#94a3b8}.carwash-form-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;flex:1;width:100%;height:0;min-height:0;overflow:hidden auto}.carwash-form-content::-webkit-scrollbar{width:10px}.carwash-form-content::-webkit-scrollbar-track{background:#f1f5f9}.carwash-form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.carwash-form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.carwash-form-section{border-bottom:1px solid var(--cw-border);padding:20px 24px}.carwash-form-section:last-child{border-bottom:none;padding-bottom:25px}.carwash-form-section-title{color:var(--cw-dark);align-items:center;margin-bottom:15px;font-size:14px;font-weight:900;display:flex;position:relative}.carwash-form-section-title:before{content:"";background:linear-gradient(180deg, var(--cw-primary), #2dd4bf);border-radius:4px;width:4px;height:19px;margin-right:9px}.carwash-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.carwash-form-group{min-width:0}.carwash-form-group label{color:var(--cw-text);margin-bottom:7px;font-size:10px;font-weight:800;display:block}.carwash-form-group input,.carwash-form-group select,.carwash-form-group textarea{border:1px solid var(--cw-border-dark);width:100%;min-height:43px;color:var(--cw-text);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:12px;transition:border-color .16s,box-shadow .16s}.carwash-form-group input::placeholder,.carwash-form-group textarea::placeholder{color:#94a3b8}.carwash-form-group input:hover,.carwash-form-group select:hover,.carwash-form-group textarea:hover{border-color:#94a3b8}.carwash-form-group input:focus,.carwash-form-group select:focus,.carwash-form-group textarea:focus{border-color:var(--cw-primary);box-shadow:0 0 0 3px #0f766e1a}.carwash-form-group textarea{resize:vertical;min-height:105px}.carwash-total-preview{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #99f6e4;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:15px 17px;display:flex}.carwash-total-preview span{color:var(--cw-muted);text-transform:uppercase;font-size:10px;font-weight:800}.carwash-total-preview strong{color:var(--cw-primary-dark);font-size:19px;font-weight:900}.carwash-modal-footer{z-index:20;border-top:1px solid var(--cw-border);background:#fafcff;flex:none;justify-content:flex-end;align-items:center;gap:9px;padding:15px 24px;display:flex;position:relative;box-shadow:0 -5px 15px #0f172a0a}.carwash-view-modal>.carwash-view-content{-webkit-overflow-scrolling:touch;flex:1;height:0;min-height:0;overflow:hidden auto}.carwash-view-modal>.carwash-modal-footer{flex:none}.carwash-view-content{scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;padding:22px 24px;position:relative}.carwash-view-content::-webkit-scrollbar{width:10px}.carwash-view-content::-webkit-scrollbar-track{background:#f1f5f9}.carwash-view-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.carwash-view-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.carwash-detail-hero{background:linear-gradient(135deg,#f0fdfa,#f8fafc);border:1px solid #ccfbf1;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:17px;display:grid}.carwash-detail-car-icon{background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:13px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.carwash-detail-hero span{color:var(--cw-muted);text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.carwash-detail-hero strong{color:var(--cw-dark);font-size:15px;font-weight:900;display:block}.carwash-detail-hero small{color:var(--cw-muted);margin-top:3px;font-size:10px;font-weight:800;display:block}.carwash-detail-amount{text-align:right}.carwash-detail-amount strong{color:var(--cw-primary-dark);font-size:19px}.carwash-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.carwash-detail-grid>div{border:1px solid var(--cw-border);background:#fff;border-radius:10px;min-width:0;padding:13px}.carwash-detail-grid span{color:var(--cw-muted);text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.carwash-detail-grid strong{color:var(--cw-dark);overflow-wrap:anywhere;font-size:11px;line-height:1.45;display:block}.carwash-detail-notes{border:1px solid var(--cw-border);background:#fafcff;border-radius:10px;margin-top:14px;padding:14px}.carwash-detail-notes span{color:var(--cw-muted);text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.carwash-detail-notes strong{color:var(--cw-text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.6;display:block}.carwash-access-denied{text-align:center;border:1px solid var(--cw-border);max-width:600px;box-shadow:var(--cw-shadow-lg);background:#fff;border-radius:18px;margin:120px auto;padding:45px 30px}.carwash-access-icon{background:var(--cw-red-light);border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:28px;display:flex}.carwash-access-denied h1{color:var(--cw-dark);margin:0 0 8px;font-size:24px}.carwash-access-denied p{color:var(--cw-muted);margin:0 0 7px;font-size:13px;line-height:1.6}.carwash-access-denied span{color:var(--cw-muted);font-size:11px}.carwash-page::-webkit-scrollbar{width:9px;height:9px}.carwash-page::-webkit-scrollbar-track{background:#f1f5f9}.carwash-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.carwash-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1400px){.carwash-summary-grid,.carwash-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.carwash-filter.search{grid-column:1/-1}}@media (width<=1050px){.carwash-page{padding:20px}.carwash-summary-grid,.carwash-filter-card{grid-template-columns:repeat(2,minmax(0,1fr))}.carwash-form-grid{grid-template-columns:1fr}.carwash-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carwash-modal-overlay{padding:12px 8px 20px}.carwash-modal,.carwash-form-modal,.carwash-view-modal{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}}@media (width<=700px){.carwash-page{padding:14px}.carwash-header{flex-direction:column}.carwash-header h1{font-size:27px}.carwash-header-actions{width:100%}.carwash-header-actions button{flex:1}.carwash-summary-grid,.carwash-filter-card{grid-template-columns:1fr}.carwash-filter.search{grid-column:auto}.carwash-history-header{flex-direction:column;align-items:flex-start}.carwash-modal-overlay{padding:5px 5px 10px}.carwash-modal,.carwash-form-modal,.carwash-view-modal{border-radius:14px;height:calc(100dvh - 10px);max-height:calc(100dvh - 10px);margin:0 auto 10px}.carwash-modal-header{padding:16px}.carwash-modal-header h2{font-size:19px}.carwash-form-section{padding:17px}.carwash-form-grid{grid-template-columns:1fr}.carwash-modal-footer{flex-direction:column;align-items:stretch;padding:11px 16px}.carwash-modal-footer button{width:100%}.carwash-detail-hero{grid-template-columns:auto 1fr}.carwash-detail-amount{border-top:1px solid var(--cw-border);text-align:left;grid-column:1/-1;padding-top:9px}.carwash-detail-grid{grid-template-columns:1fr}.carwash-view-content{padding:17px}}@media (width<=480px){.carwash-page{padding:10px}.carwash-header h1{font-size:24px}.carwash-header p{font-size:12px}.carwash-summary-card{min-height:92px;padding:13px}.carwash-summary-icon{width:43px;min-width:43px;height:43px;font-size:18px}.carwash-summary-card strong{font-size:15px}.carwash-table{min-width:1100px}.carwash-modal-overlay{padding:3px 3px 8px}.carwash-modal,.carwash-form-modal,.carwash-view-modal{border-radius:11px;height:calc(100dvh - 6px);max-height:calc(100dvh - 6px)}.carwash-modal-header{padding:13px}.carwash-form-section,.carwash-view-content{padding:14px}.carwash-modal-footer{padding:10px}.carwash-modal-close{width:38px;min-width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.workshop-page{background:#f6f8fb;padding-top:20px}.workshop-page .operations-hero{background:linear-gradient(110deg,#152f52,#255f98);border-radius:14px;align-items:center;min-height:0;padding:19px 25px;box-shadow:0 8px 20px #152f4921}.workshop-page .operations-hero:after{display:none}.workshop-page .operations-eyebrow{color:#b9d8ff;letter-spacing:1.1px;margin-bottom:4px;font-size:10px}.workshop-page .operations-hero h1{letter-spacing:-.55px;font-size:clamp(24px,2.25vw,30px);line-height:1.2}.workshop-page .operations-hero p{max-width:720px;margin-top:6px;font-size:13px;line-height:1.42}.workshop-page .operations-hero .operations-btn{box-shadow:none;border-color:#159188;flex:none;padding:9px 13px;font-size:13px}.workshop-page .operations-content{margin-top:15px}.workshop-page .operations-tabs{gap:7px;margin-bottom:13px}.workshop-page .operations-tabs button{border-radius:9px;padding:8px 12px;font-size:13px}.workshop-page .operations-tabs button.active,.workshop-page .operations-btn.primary{box-shadow:none;background:#0d8d82;border-color:#0b8a80}.workshop-page .operations-tabs button:not(.active):hover,.workshop-page .operations-btn:not(.primary):not(.success):not(.danger):hover{color:#08776f;background:#edf8f7;border-color:#abd8d3}.workshop-page .operations-btn{padding:8px 11px;font-size:12px}.workshop-page .operations-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 5px 12px #14394f1a}.workshop-page .operations-btn.danger:hover{color:#fff;background:#b83e4c;border-color:#b83e4c}.workshop-page .operations-summary{gap:10px;margin-bottom:13px}.workshop-page .operations-metric{min-height:76px;box-shadow:none;background:#fff;border-color:#dbe5ed;border-radius:11px;padding:12px 14px}.workshop-page .operations-metric span{color:#66788a;font-size:10px}.workshop-page .operations-metric strong{color:#17324c;margin-top:5px;font-size:18px}.workshop-page .operations-toolbar{background:#fff;border:1px solid #dbe5ed;border-radius:11px;grid-template-columns:minmax(235px,1.65fr) repeat(2,minmax(130px,.6fr)) max-content max-content minmax(108px,.45fr) max-content;gap:8px;margin-bottom:12px;padding:8px;display:grid}.workshop-page .operations-toolbar .operations-search,.workshop-page .operations-toolbar input,.workshop-page .operations-toolbar select{box-sizing:border-box;border-color:#cfdae5;border-radius:8px;width:100%;min-width:0;min-height:38px;font-size:12px}.workshop-page .operations-toolbar .operations-btn{white-space:nowrap;min-height:38px}.workshop-page .operations-toolbar>strong{color:#40596e;white-space:nowrap;align-self:center;font-size:12px}.workshop-page .operations-card{border-color:#dbe5ed;border-radius:13px;padding:16px;box-shadow:0 5px 15px #18334c0a}.workshop-page .operations-card h2,.workshop-page .operations-card h3{color:#17324c;font-size:16px}.workshop-page .operations-table-wrap{border-color:#dbe5ed;border-radius:10px}.workshop-page .operations-table th{background:#f6f9fb;padding:10px 12px;font-size:10px}.workshop-page .operations-table td{padding:10px 12px;font-size:12px}.workshop-page .operations-table tbody tr:hover td{background:#f5fbfa}@media (width<=1050px){.workshop-page .operations-toolbar{grid-template-columns:minmax(230px,1fr) repeat(2,minmax(125px,.55fr)) max-content}}@media (width<=760px){.workshop-page{padding-top:14px}.workshop-page .operations-hero{align-items:stretch;padding:18px}.workshop-page .operations-hero h1{font-size:24px}.workshop-page .operations-hero .operations-btn{align-self:flex-start}.workshop-page .operations-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-page .operations-toolbar{grid-template-columns:1fr 1fr}.workshop-page .operations-toolbar .operations-search{grid-column:1/-1}}@media (width<=460px){.workshop-page .operations-toolbar{grid-template-columns:1fr}.workshop-page .operations-toolbar .operations-search{grid-column:auto}}:root{--restaurant-primary:#0f766e;--restaurant-primary-dark:#115e59;--restaurant-primary-light:#ccfbf1;--restaurant-primary-soft:#f0fdfa;--restaurant-primary-glow:#14b8a62e;--restaurant-blue:#2563eb;--restaurant-blue-dark:#1d4ed8;--restaurant-blue-light:#dbeafe;--restaurant-green:#16a34a;--restaurant-green-dark:#15803d;--restaurant-green-light:#dcfce7;--restaurant-orange:#ea580c;--restaurant-orange-dark:#c2410c;--restaurant-orange-light:#ffedd5;--restaurant-purple:#7c3aed;--restaurant-purple-dark:#6d28d9;--restaurant-purple-light:#ede9fe;--restaurant-red:#dc2626;--restaurant-red-dark:#b91c1c;--restaurant-red-light:#fee2e2;--restaurant-red-soft:#fff1f2;--restaurant-yellow:#ca8a04;--restaurant-yellow-dark:#a16207;--restaurant-yellow-light:#fef9c3;--restaurant-cyan:#0891b2;--restaurant-cyan-light:#cffafe;--restaurant-dark:#0f172a;--restaurant-text:#1e293b;--restaurant-text-light:#334155;--restaurant-muted:#64748b;--restaurant-muted-light:#94a3b8;--restaurant-white:#fff;--restaurant-bg:#edf2f7;--restaurant-bg-light:#f8fafc;--restaurant-card:#fff;--restaurant-border:#dbe3ec;--restaurant-border-dark:#cbd5e1;--restaurant-border-soft:#e8edf3;--restaurant-shadow-xs:0 1px 3px #0f172a0d;--restaurant-shadow-sm:0 4px 14px #0f172a12;--restaurant-shadow-md:0 10px 30px #0f172a1c;--restaurant-shadow-lg:0 20px 55px #0f172a26;--restaurant-shadow-xl:0 30px 90px #0f172a33;--restaurant-radius-sm:8px;--restaurant-radius-md:12px;--restaurant-radius-lg:16px;--restaurant-radius-xl:20px;--restaurant-radius-pill:999px;--restaurant-transition-fast:.16s ease;--restaurant-transition:.22s ease;--restaurant-transition-slow:.3s ease}html{scroll-behavior:smooth}body{background:var(--restaurant-bg);color:var(--restaurant-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font-family:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none!important;transform:none!important}input::selection{background:#14b8a633}textarea::selection{background:#14b8a633}button,.restaurant-card,.restaurant-summary-card,.restaurant-menu-card,.restaurant-dining-table,.restaurant-kitchen-card,.restaurant-staff-card,.restaurant-payment-grid>div,.restaurant-financial-grid>div{-webkit-tap-highlight-color:transparent}.restaurant-page{width:100%;min-height:100vh;color:var(--restaurant-text);background:radial-gradient(circle at 0 0,#14b8a61c,#0000 30%),radial-gradient(circle at 100% 0,#2563eb12,#0000 24%),radial-gradient(circle at 100% 100%,#7c3aed0e,#0000 28%),linear-gradient(135deg,#fbfdff 0%,#eef3f8 48%,#e8eef5 100%);position:relative;overflow-x:hidden}.restaurant-page:before{content:"";pointer-events:none;opacity:.45;z-index:0;background:linear-gradient(120deg,#0000 0%,#ffffff42 42%,#0000 70%);position:fixed;inset:0}.restaurant-container{z-index:1;width:100%;max-width:1750px;margin:0 auto;padding:30px 34px 70px;position:relative}.restaurant-header{border-bottom:1px solid #cbd5e1bf;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:22px;padding:8px 0 24px;display:flex}.restaurant-header>div:first-child{min-width:0}.restaurant-eyebrow{color:var(--restaurant-primary);letter-spacing:1.6px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.restaurant-eyebrow:before{content:"";background:var(--restaurant-primary);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #14b8a61a}.restaurant-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.restaurant-date-control{flex-direction:column;gap:6px;display:flex}.restaurant-date-control label{color:var(--restaurant-muted);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:850}.restaurant-date-control input{min-width:165px}.restaurant-primary-btn,.restaurant-secondary-btn,.restaurant-danger-action,.restaurant-link-btn,.restaurant-view-btn,.restaurant-cancel-btn,.restaurant-danger-btn,.restaurant-success-btn,.restaurant-tab{letter-spacing:.05px;-webkit-user-select:none;user-select:none;transition:transform var(--restaurant-transition-fast), box-shadow var(--restaurant-transition-fast), border-color var(--restaurant-transition-fast), background var(--restaurant-transition-fast), color var(--restaurant-transition-fast);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:850;line-height:1;display:inline-flex;position:relative}.restaurant-primary-btn,.restaurant-secondary-btn,.restaurant-danger-action,.restaurant-view-btn,.restaurant-cancel-btn,.restaurant-danger-btn,.restaurant-success-btn{min-height:42px;padding:10px 15px}.restaurant-primary-btn:after,.restaurant-secondary-btn:after,.restaurant-danger-action:after,.restaurant-view-btn:after,.restaurant-cancel-btn:after,.restaurant-danger-btn:after,.restaurant-success-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--restaurant-transition-fast);position:absolute;inset:0}.restaurant-primary-btn:hover:after,.restaurant-secondary-btn:hover:after,.restaurant-danger-action:hover:after,.restaurant-view-btn:hover:after,.restaurant-cancel-btn:hover:after,.restaurant-danger-btn:hover:after,.restaurant-success-btn:hover:after{opacity:1}.restaurant-primary-btn{border:1px solid var(--restaurant-primary);background:linear-gradient(135deg, var(--restaurant-primary), #14b8a6);color:var(--restaurant-white);box-shadow:0 8px 20px #0f766e33}.restaurant-primary-btn:after{box-shadow:inset 0 1px #fff3}.restaurant-primary-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #0f766e47}.restaurant-primary-btn:active{transform:translateY(0)scale(.98)}.restaurant-secondary-btn{border:1px solid var(--restaurant-border-dark);color:var(--restaurant-text);box-shadow:var(--restaurant-shadow-xs);background:#fffffff5}.restaurant-secondary-btn:hover{color:var(--restaurant-primary);background:var(--restaurant-primary-soft);box-shadow:var(--restaurant-shadow-sm);border-color:#0f766e4d;transform:translateY(-2px)}.restaurant-secondary-btn:active{transform:translateY(0)scale(.98)}.restaurant-success-btn{color:var(--restaurant-green-dark);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;box-shadow:0 4px 12px #16a34a14}.restaurant-success-btn:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-2px);box-shadow:0 9px 18px #16a34a24}.restaurant-danger-action,.restaurant-danger-btn,.restaurant-cancel-btn{color:var(--restaurant-red-dark);background:linear-gradient(135deg,#fff1f2,#fee2e2);border:1px solid #fecaca;box-shadow:0 4px 12px #dc262612}.restaurant-danger-action:hover,.restaurant-danger-btn:hover,.restaurant-cancel-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 9px 18px #dc26261f}.restaurant-view-btn:hover{background:#bfdbfe;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb1f}.restaurant-link-btn{min-height:36px;color:var(--restaurant-primary);background:0 0;border:1px solid #0000;padding:8px 12px}.restaurant-link-btn:hover{background:var(--restaurant-primary-light);border-color:#0f766e26;transform:translateY(-1px)}.restaurant-back-btn{border:1px solid var(--restaurant-border-dark);min-height:42px;color:var(--restaurant-dark);box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;padding:10px 17px;font-size:11px;font-weight:900;display:inline-flex}.restaurant-back-btn:hover{color:var(--restaurant-primary);background:var(--restaurant-primary-soft);box-shadow:var(--restaurant-shadow-sm);border-color:#0f766e4d;transform:translate(-4px)}.restaurant-card:has(.restaurant-tab-navigation){z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;padding:9px;position:sticky;top:10px;box-shadow:0 10px 30px #0f172a14}.restaurant-tab-navigation{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:center;gap:7px;width:100%;margin:0;padding:3px;display:flex;overflow-x:auto}.restaurant-tab-navigation::-webkit-scrollbar{height:5px}.restaurant-tab-navigation::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.restaurant-tab-navigation::-webkit-scrollbar-thumb:hover{background:#94a3b8}.restaurant-tab{border:1px solid var(--restaurant-border);min-height:42px;color:var(--restaurant-muted);white-space:nowrap;box-shadow:var(--restaurant-shadow-xs);background:#fff;flex:none;padding:10px 15px}.restaurant-tab:hover{color:var(--restaurant-primary);background:var(--restaurant-primary-soft);box-shadow:var(--restaurant-shadow-sm);border-color:#0f766e38;transform:translateY(-2px)}.restaurant-tab.active{color:#fff;border-color:var(--restaurant-primary);background:linear-gradient(135deg, var(--restaurant-primary), #14b8a6);box-shadow:0 8px 20px #0f766e38}.restaurant-tab-navigation .restaurant-tab:nth-child(5){color:var(--restaurant-red-dark);background:linear-gradient(135deg,#fff7f7,#fee2e2);border-color:#fecaca;box-shadow:0 4px 12px #dc262614}.restaurant-tab-navigation .restaurant-tab:nth-child(5):before{content:"↩";justify-content:center;align-items:center;font-size:13px;font-weight:900;display:inline-flex}.restaurant-tab-navigation .restaurant-tab:nth-child(5):hover{color:#fff;border-color:var(--restaurant-red);background:linear-gradient(135deg, var(--restaurant-red), #ef4444);transform:translateY(-2px);box-shadow:0 10px 24px #dc262638}.restaurant-alert{border-radius:13px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:16px 18px;animation:.22s restaurantAlertIn;display:flex;position:relative;overflow:hidden}.restaurant-alert:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.restaurant-alert>div{flex-direction:column;gap:4px;display:flex}.restaurant-alert strong{font-size:12px}.restaurant-alert button{width:32px;height:32px;color:inherit;transition:all var(--restaurant-transition-fast);background:#fff;border:1px solid #0000;border-radius:8px;flex-shrink:0;font-size:18px;font-weight:900}.restaurant-alert button:hover{transform:scale(1.05)}.restaurant-alert-success:before{background:var(--restaurant-green)}.restaurant-alert-error:before{background:var(--restaurant-red)}@keyframes restaurantAlertIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.restaurant-card{border-radius:var(--restaurant-radius-lg);width:100%;box-shadow:var(--restaurant-shadow-sm);transition:box-shadow var(--restaurant-transition), border-color var(--restaurant-transition), transform var(--restaurant-transition);background:#fffffff5;border:1px solid #cbd5e1eb;margin-bottom:22px;padding:22px;position:relative;overflow:visible}.restaurant-card:hover{box-shadow:var(--restaurant-shadow-md);border-color:#94a3b89e}.restaurant-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.restaurant-card-header h2{color:var(--restaurant-dark);letter-spacing:-.35px;margin:0 0 6px;font-size:21px;font-weight:900}.restaurant-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.restaurant-summary-card{border:1px solid var(--restaurant-border);min-height:116px;box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:linear-gradient(145deg,#fff,#f9fbfd);border-radius:14px;align-items:center;gap:13px;padding:17px;display:flex;position:relative;overflow:hidden}.restaurant-summary-card:after{content:"";background:#14b8a60b;border-radius:50%;width:100px;height:100px;position:absolute;top:-50px;right:-50px}.restaurant-summary-icon{z-index:2;border-radius:14px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:12px;font-weight:900;display:flex;position:relative;box-shadow:inset 0 1px #ffffff73}.restaurant-summary-icon.sales{background:var(--restaurant-primary-light);color:var(--restaurant-primary)}.restaurant-summary-icon.cash{background:var(--restaurant-green-light);color:var(--restaurant-green-dark)}.restaurant-summary-icon.credit{background:var(--restaurant-red-light);color:var(--restaurant-red-dark)}.restaurant-summary-icon.discount{background:var(--restaurant-orange-light);color:var(--restaurant-orange-dark)}.restaurant-summary-icon.tables{background:var(--restaurant-blue-light);color:var(--restaurant-blue-dark)}.restaurant-summary-icon.kitchen{background:var(--restaurant-purple-light);color:var(--restaurant-purple-dark)}.restaurant-summary-card strong{color:var(--restaurant-dark);white-space:nowrap;font-size:19px;font-weight:950;line-height:1.2}.restaurant-summary-card small{color:var(--restaurant-muted);font-size:9px;line-height:1.4}.restaurant-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.restaurant-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.restaurant-quick-btn{border:1px solid var(--restaurant-border);text-align:left;min-height:125px;box-shadow:var(--restaurant-shadow-xs);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:7px;padding:18px;transition:all .22s;display:flex;position:relative;overflow:hidden}.restaurant-quick-btn:before{content:"";background:linear-gradient(90deg, var(--restaurant-primary), #14b8a6);transform-origin:0;width:100%;height:4px;transition:transform .28s;position:absolute;top:0;left:0;transform:scaleX(.2)}.restaurant-quick-btn:after{content:"";background:#14b8a614;border-radius:50%;width:125px;height:125px;transition:transform .3s;position:absolute;top:-55px;right:-55px}.restaurant-quick-btn:hover{box-shadow:var(--restaurant-shadow-md);background:linear-gradient(145deg,#fff,#f0fdfa);border-color:#0f766e33;transform:translateY(-5px)}.restaurant-quick-btn:hover:before{transform:scaleX(1)}.restaurant-quick-btn:hover:after{transform:scale(1.25)}.restaurant-quick-btn:active{transform:translateY(-1px)scale(.985)}.restaurant-quick-btn strong{z-index:2;color:var(--restaurant-dark);font-size:13px;font-weight:900;position:relative}.restaurant-quick-btn span{z-index:2;color:var(--restaurant-muted);font-size:10px;line-height:1.4;position:relative}.restaurant-quick-primary{background:linear-gradient(135deg,#ecfeff,#ccfbf1);border-color:#0f766e3d}.restaurant-payment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.restaurant-payment-grid>div{border:1px solid var(--restaurant-border);transition:all var(--restaurant-transition);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex;position:relative;overflow:hidden}.restaurant-payment-grid>div:after{content:"";background:#0f766e0f;border-radius:50%;width:55px;height:55px;position:absolute;top:-25px;right:-25px}.restaurant-payment-grid>div:hover{box-shadow:var(--restaurant-shadow-sm);border-color:#0f766e2e;transform:translateY(-3px)}.restaurant-payment-grid span{color:var(--restaurant-muted);text-transform:uppercase;letter-spacing:.45px;font-size:9px;font-weight:850}.restaurant-payment-grid strong{color:var(--restaurant-dark);font-size:16px;font-weight:950}.restaurant-table-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.restaurant-table-status-grid>div{border:1px solid var(--restaurant-border);text-align:center;min-height:90px;transition:all var(--restaurant-transition);background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:13px;display:flex}.restaurant-table-status-grid>div:hover{box-shadow:var(--restaurant-shadow-sm);background:#fff;transform:translateY(-3px)}.restaurant-table-status-grid span{color:var(--restaurant-muted);font-size:10px;font-weight:800}.restaurant-table-status-grid strong{color:var(--restaurant-dark);font-size:24px;font-weight:950}.restaurant-scroll-box{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;border-radius:12px;width:100%;max-width:100%;overflow:auto}.restaurant-staff-scroll{max-height:330px}.restaurant-kitchen-scroll{max-height:700px}.restaurant-menu-scroll,.restaurant-pos-menu-scroll{max-height:680px}.restaurant-cart-scroll{max-height:380px}.restaurant-sales-scroll{max-height:680px}.restaurant-detail-scroll{max-height:380px}.restaurant-shift-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.restaurant-shift-actions select{border:1px solid var(--restaurant-border-dark);min-width:180px;min-height:40px;color:var(--restaurant-text);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px}.restaurant-staff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.restaurant-staff-card{border:1px solid var(--restaurant-border);box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.restaurant-staff-card:hover{box-shadow:var(--restaurant-shadow-sm);border-color:#0f766e2e;transform:translateY(-3px)}.restaurant-staff-avatar{background:linear-gradient(135deg, var(--restaurant-primary), #14b8a6);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:17px;font-weight:900;display:flex;box-shadow:0 7px 16px #0f766e29}.restaurant-staff-card>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.restaurant-staff-card strong{color:var(--restaurant-dark);font-size:11px;font-weight:900}.restaurant-staff-card span{color:var(--restaurant-muted);font-size:10px}.restaurant-staff-card small{color:var(--restaurant-muted-light);font-size:9px}.restaurant-kitchen-header-right{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.restaurant-kitchen-counts{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.restaurant-kitchen-counts>span{border:1px solid var(--restaurant-border);border-radius:var(--restaurant-radius-pill);color:var(--restaurant-muted);transition:all var(--restaurant-transition-fast);background:#fff;align-items:center;gap:5px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.restaurant-kitchen-counts>span:hover{background:var(--restaurant-primary-soft);color:var(--restaurant-primary);border-color:#0f766e2e}.restaurant-kitchen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.restaurant-kitchen-card{border:1px solid var(--restaurant-border);box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:15px;padding:16px}.restaurant-kitchen-card:hover{box-shadow:var(--restaurant-shadow-md);border-color:#0f766e2e;transform:translateY(-3px)}.restaurant-kitchen-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.restaurant-kitchen-top>div{flex-direction:column;gap:4px;display:flex}.restaurant-kitchen-top strong{color:var(--restaurant-dark);font-size:14px;font-weight:900}.restaurant-kitchen-top span{color:var(--restaurant-muted);font-size:10px}.restaurant-kitchen-items{flex-direction:column;gap:8px;min-height:110px;display:flex}.restaurant-kitchen-items>div{border:1px solid var(--restaurant-border);transition:all var(--restaurant-transition-fast);background:#f8fafc;border-radius:10px;padding:10px}.restaurant-kitchen-items>div:hover{background:#fff;border-color:#0f766e26}.restaurant-kitchen-items strong{color:var(--restaurant-dark);font-size:10px;font-weight:800;display:block}.restaurant-kitchen-items small{color:var(--restaurant-muted);margin-top:4px;font-size:9px;display:block}.restaurant-kitchen-actions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.restaurant-kitchen-actions button{min-height:36px}.restaurant-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:5px 9px;font-size:8.5px;font-weight:900;display:inline-flex}.restaurant-status-badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.restaurant-status-available,.restaurant-status-completed,.restaurant-status-served{color:#166534;background:var(--restaurant-green-light)}.restaurant-status-occupied,.restaurant-status-preparing{color:#1d4ed8;background:var(--restaurant-blue-light)}.restaurant-status-reserved,.restaurant-status-pending{color:#92400e;background:var(--restaurant-yellow-light)}.restaurant-status-cleaning{color:#6b21a8;background:var(--restaurant-purple-light)}.restaurant-status-ready{color:var(--restaurant-primary-dark);background:var(--restaurant-primary-light)}.restaurant-status-default{color:var(--restaurant-muted);background:#f1f5f9}.restaurant-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.restaurant-menu-card{border:1px solid var(--restaurant-border);min-width:0;box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:14px;position:relative;overflow:hidden}.restaurant-menu-card:hover{box-shadow:var(--restaurant-shadow-md);border-color:#0f766e2e;transform:translateY(-4px)}.restaurant-menu-image{width:100%;height:175px;color:var(--restaurant-primary);background:linear-gradient(135deg,#ecfeff,#f8fafc);justify-content:center;align-items:center;font-size:44px;display:flex;position:relative;overflow:hidden}.restaurant-menu-image:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 45%);position:absolute;inset:0}.restaurant-menu-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.restaurant-menu-card:hover .restaurant-menu-image img{transform:scale(1.04)}.restaurant-menu-content{flex-direction:column;gap:7px;padding:14px;display:flex}.restaurant-menu-content small{color:var(--restaurant-muted);text-transform:uppercase;font-size:8px;font-weight:800}.restaurant-menu-content h3{color:var(--restaurant-dark);margin:0;font-size:14px;font-weight:900;line-height:1.3}.restaurant-menu-content p{color:var(--restaurant-muted);margin:0;font-size:10px;line-height:1.55}.restaurant-menu-content>strong{color:var(--restaurant-primary-dark);margin-top:3px;font-size:16px;font-weight:900}.restaurant-available-label,.restaurant-unavailable-label,.restaurant-stock-tracked{border-radius:999px;align-self:flex-start;padding:5px 8px;font-size:8px;font-weight:900;display:inline-flex}.restaurant-available-label{color:#166534;background:var(--restaurant-green-light)}.restaurant-unavailable-label{color:var(--restaurant-red-dark);background:var(--restaurant-red-light)}.restaurant-stock-tracked{color:var(--restaurant-purple-dark);background:var(--restaurant-purple-light)}.restaurant-menu-card-actions{border-top:1px solid var(--restaurant-border-soft);flex-wrap:wrap;gap:7px;margin-top:4px;padding-top:8px;display:flex}.restaurant-menu-card-actions button{min-height:34px;padding:8px 10px;font-size:9px}.restaurant-menu-disabled{opacity:.83;background:linear-gradient(145deg,#fff,#fff7f7);border-color:#fecaca}.restaurant-menu-disabled:hover{border-color:#fca5a5}.restaurant-search-wrapper{border:1px solid var(--restaurant-border-dark);min-width:320px;min-height:42px;transition:all var(--restaurant-transition-fast);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.restaurant-search-wrapper:hover{box-shadow:var(--restaurant-shadow-xs);border-color:#94a3b8}.restaurant-search-wrapper:focus-within{border-color:#5eead4;box-shadow:0 0 0 3px #14b8a61a}.restaurant-search-wrapper span{color:var(--restaurant-muted-light);font-size:18px}.restaurant-search-wrapper input{width:100%;min-width:0;color:var(--restaurant-text);background:0 0;border:0;font-size:11px}.restaurant-search-wrapper input::placeholder{color:var(--restaurant-muted-light)}.restaurant-sales-filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.restaurant-sales-filters select{border:1px solid var(--restaurant-border-dark);min-width:170px;min-height:42px;color:var(--restaurant-text);transition:all var(--restaurant-transition-fast);background:#fff;border-radius:10px;padding:8px 11px;font-size:10px}.restaurant-sales-filters select:hover{border-color:#94a3b8}.restaurant-sales-filters select:focus{border-color:#5eead4;box-shadow:0 0 0 3px #14b8a61a}.restaurant-sales-count{background:var(--restaurant-primary-light);min-height:35px;color:var(--restaurant-primary-dark);border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:9px;font-weight:900;display:inline-flex}.restaurant-sales-table-wrapper,.restaurant-detail-table-wrapper{width:100%;overflow-x:auto}.restaurant-sales-table,.restaurant-detail-table{border-collapse:collapse;width:100%;min-width:1120px}.restaurant-sales-table thead th,.restaurant-detail-table thead th{z-index:2;color:var(--restaurant-muted);border-bottom:1px solid var(--restaurant-border);text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;padding:13px 11px;font-size:9px;font-weight:900;position:sticky;top:0}.restaurant-sales-table tbody td,.restaurant-detail-table tbody td{color:var(--restaurant-text);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 11px;font-size:10px}.restaurant-sales-table tbody tr,.restaurant-detail-table tbody tr{transition:background var(--restaurant-transition-fast)}.restaurant-sales-table tbody tr:hover,.restaurant-detail-table tbody tr:hover{background:#f8fafc}.restaurant-no-data{text-align:center;color:var(--restaurant-muted)!important;padding:45px!important}.restaurant-sale-type-cell{flex-direction:column;gap:3px;display:flex}.restaurant-sale-type-cell span{color:var(--restaurant-text);font-size:10px;font-weight:800}.restaurant-sale-type-cell small{color:var(--restaurant-muted);font-size:9px}.restaurant-table-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.restaurant-form-panel{border:1px solid var(--restaurant-border);background:linear-gradient(145deg,#f8fafc,#f4f8fb);border-radius:14px;margin-top:18px;padding:18px;box-shadow:inset 0 1px #ffffffa6}.restaurant-form-panel-header{margin-bottom:14px}.restaurant-form-panel h3{color:var(--restaurant-dark);margin:0 0 15px;font-size:15px;font-weight:900}.restaurant-form-panel p{color:var(--restaurant-muted);margin:0;font-size:11px}.restaurant-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px;display:grid}.restaurant-form-grid>div{flex-direction:column;gap:6px;min-width:0;display:flex}.restaurant-form-grid label,.restaurant-checkbox-label{color:var(--restaurant-muted);font-size:10px;font-weight:800}.restaurant-form-grid input,.restaurant-form-grid select,.restaurant-form-grid textarea,.restaurant-pos-form input,.restaurant-pos-form select,.restaurant-pos-form textarea{border:1px solid var(--restaurant-border-dark);width:100%;min-height:42px;color:var(--restaurant-text);transition:all var(--restaurant-transition-fast);background:#fff;border-radius:9px;padding:9px 11px;font-size:11px}.restaurant-form-grid textarea{resize:vertical;min-height:100px}.restaurant-form-grid input:hover,.restaurant-form-grid select:hover,.restaurant-form-grid textarea:hover,.restaurant-pos-form input:hover,.restaurant-pos-form select:hover,.restaurant-pos-form textarea:hover{border-color:#94a3b8}.restaurant-form-grid input:focus,.restaurant-form-grid select:focus,.restaurant-form-grid textarea:focus,.restaurant-pos-form input:focus,.restaurant-pos-form select:focus,.restaurant-pos-form textarea:focus{background:#fff;border-color:#5eead4;box-shadow:0 0 0 3px #14b8a61a}.restaurant-form-grid input:disabled,.restaurant-form-grid select:disabled,.restaurant-form-grid textarea:disabled,.restaurant-pos-form input:disabled,.restaurant-pos-form select:disabled{color:#94a3b8;background:#f1f5f9}.restaurant-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.restaurant-checkbox-label input{accent-color:var(--restaurant-primary)}.restaurant-form-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.restaurant-table-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.restaurant-dining-table{border:1px solid var(--restaurant-border);text-align:center;min-height:215px;box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:17px;display:flex;position:relative}.restaurant-dining-table:hover{box-shadow:var(--restaurant-shadow-md);border-color:#0f766e2e;transform:translateY(-4px)}.restaurant-dining-table-number{width:70px;height:70px;color:var(--restaurant-dark);transition:all var(--restaurant-transition);background:#f8fafc;border:7px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:19px;font-weight:900;display:flex}.restaurant-dining-table:hover .restaurant-dining-table-number{color:var(--restaurant-primary-dark);background:#f0fdfa;border-color:#99f6e4;box-shadow:0 0 0 5px #14b8a60f}.restaurant-dining-table strong{color:var(--restaurant-dark);font-size:11px}.restaurant-dining-table>span:not(.restaurant-status-badge){color:var(--restaurant-muted);font-size:10px}.restaurant-dining-table select{border:1px solid var(--restaurant-border);width:100%;min-height:38px;color:var(--restaurant-text);transition:all var(--restaurant-transition-fast);background:#fff;border-radius:8px;padding:7px 9px;font-size:9px}.restaurant-dining-table select:hover{border-color:#94a3b8}.restaurant-dining-table select:focus{border-color:#5eead4;box-shadow:0 0 0 3px #14b8a614}.restaurant-table-card-actions{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.restaurant-table-card-actions button{min-height:34px;padding:8px 10px;font-size:9px}.restaurant-table-disabled{opacity:.88;background:linear-gradient(145deg,#fff,#fff7f7);border-color:#fecaca}.restaurant-table-disabled .restaurant-dining-table-number{color:var(--restaurant-red-dark);background:#fff1f2;border-color:#fecaca}.restaurant-table-disabled:hover{border-color:#fca5a5}.restaurant-pos-layout{grid-template-columns:minmax(0,1.55fr) minmax(390px,.85fr);align-items:start;gap:20px;display:grid}.restaurant-pos-menu,.restaurant-pos-cart{border:1px solid var(--restaurant-border);min-width:0;box-shadow:var(--restaurant-shadow-sm);background:#fff;border-radius:15px;overflow:hidden}.restaurant-pos-toolbar{border-bottom:1px solid var(--restaurant-border);background:#f8fafc;align-items:center;gap:10px;padding:14px;display:flex}.restaurant-pos-toolbar .restaurant-search-wrapper{flex:auto}.restaurant-pos-toolbar select{border:1px solid var(--restaurant-border-dark);min-width:170px;min-height:42px;color:var(--restaurant-text);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px}.restaurant-pos-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:14px;display:grid}.restaurant-pos-item{border:1px solid var(--restaurant-border);text-align:left;box-shadow:var(--restaurant-shadow-xs);transition:all var(--restaurant-transition);background:#fff;border-radius:13px;flex-direction:column;padding:0;display:flex;overflow:hidden}.restaurant-pos-item:hover{box-shadow:var(--restaurant-shadow-md);border-color:#0f766e33;transform:translateY(-4px)}.restaurant-pos-item:active{transform:translateY(-1px)scale(.985)}.restaurant-pos-item .restaurant-menu-image{height:135px}.restaurant-pos-item>div:last-child{flex-direction:column;gap:5px;padding:12px;display:flex}.restaurant-pos-item small{color:var(--restaurant-muted);text-transform:uppercase;font-size:8px;font-weight:800}.restaurant-pos-item strong{color:var(--restaurant-dark);font-size:12px;font-weight:900}.restaurant-pos-item span{color:var(--restaurant-primary-dark);font-size:14px;font-weight:900}.restaurant-pos-cart-header{border-bottom:1px solid var(--restaurant-border);background:linear-gradient(135deg,#f8fafc,#f0fdfa);justify-content:space-between;align-items:center;gap:10px;padding:15px;display:flex}.restaurant-pos-cart-header h3{color:var(--restaurant-dark);margin:0 0 4px;font-size:17px;font-weight:900}.restaurant-pos-cart-header span{color:var(--restaurant-muted);font-size:9px}.restaurant-cart-items{flex-direction:column;display:flex}.restaurant-cart-item{transition:background var(--restaurant-transition-fast);border-bottom:1px solid #edf2f7;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px;display:grid}.restaurant-cart-item:hover{background:#f8fafc}.restaurant-cart-item>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.restaurant-cart-item>div:first-child strong{color:var(--restaurant-dark);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.restaurant-cart-item>div:first-child span{color:var(--restaurant-muted);font-size:8px}.restaurant-cart-item>strong{color:var(--restaurant-dark);white-space:nowrap;font-size:10px}.restaurant-cart-controls{align-items:center;gap:5px;display:flex}.restaurant-cart-controls button{border:1px solid var(--restaurant-border);width:30px;height:30px;color:var(--restaurant-primary);transition:all var(--restaurant-transition-fast);background:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.restaurant-cart-controls button:hover{background:var(--restaurant-primary-light);border-color:#0f766e33;transform:translateY(-1px);box-shadow:0 4px 10px #0f766e1a}.restaurant-cart-controls button:active{transform:scale(.94)}.restaurant-cart-controls strong{text-align:center;min-width:25px;color:var(--restaurant-dark);font-size:10px}.restaurant-pos-form{border-top:1px solid var(--restaurant-border);padding:14px}.restaurant-payment-entry{background:linear-gradient(135deg,#f0fdfa,#f8fafc 56%,#eff6ff);border:1px solid #bfe8e1;border-radius:14px;margin-top:15px;padding:16px}.restaurant-payment-entry-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.restaurant-payment-inbox{width:100%;margin-top:14px}.restaurant-payment-inbox .mpesa-inbox{margin-bottom:0}.restaurant-payment-entry-header>div:first-child>span{color:var(--restaurant-primary-dark);letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.restaurant-payment-entry h3{color:var(--restaurant-dark);margin:3px 0 4px;font-size:15px;font-weight:900}.restaurant-payment-entry-header p{max-width:390px;color:var(--restaurant-muted);margin:0;font-size:10px;line-height:1.55}.restaurant-cash-change-badge{text-align:right;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;min-width:126px;padding:10px 12px}.restaurant-cash-change-badge span{color:#166534;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.restaurant-cash-change-badge strong{color:#15803d;margin-top:3px;font-size:15px;display:block}.restaurant-pos-total{border-top:1px solid var(--restaurant-border);background:linear-gradient(160deg,#f8fafc,#eff6ff);flex-direction:column;gap:8px;padding:15px;display:flex}.restaurant-pos-total>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.restaurant-pos-total span{color:var(--restaurant-muted);font-size:9px}.restaurant-pos-total strong{color:var(--restaurant-dark);font-size:11px;font-weight:900}.restaurant-pos-grand-total{background:linear-gradient(135deg, var(--restaurant-primary), #14b8a6);border-radius:10px;margin:4px -3px;padding:12px;box-shadow:0 8px 22px #0f766e2e}.restaurant-pos-grand-total span,.restaurant-pos-grand-total strong{color:#fff}.restaurant-pos-grand-total strong{font-size:20px}.restaurant-pos-change-due{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #86efac;border-radius:12px;margin:0 15px 12px;padding:13px 14px;box-shadow:0 7px 18px #16a34a1a}.restaurant-pos-change-due span{color:#166534;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.restaurant-pos-change-due strong{color:#15803d;margin-top:3px;font-size:22px;font-weight:900;display:block}.restaurant-pos-change-due p{color:#166534;margin:5px 0 0;font-size:10px;line-height:1.5}.restaurant-complete-sale-btn{width:100%;min-height:50px;margin-top:11px;font-size:12px}.restaurant-financial-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.restaurant-financial-grid>div{border:1px solid var(--restaurant-border);transition:all var(--restaurant-transition);background:#f8fafc;border-radius:12px;padding:15px;position:relative;overflow:hidden}.restaurant-financial-grid>div:hover{box-shadow:var(--restaurant-shadow-sm);background:#fff;transform:translateY(-2px)}.restaurant-financial-grid span{color:var(--restaurant-muted);margin-bottom:6px;font-size:10px;font-weight:800;display:block}.restaurant-financial-grid strong{color:var(--restaurant-dark);font-size:17px;font-weight:900}.restaurant-empty{border:1px dashed var(--restaurant-border-dark);text-align:center;background:linear-gradient(145deg,#f8fafc,#fff);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:280px;padding:30px;display:flex}.restaurant-empty>div{background:var(--restaurant-green-light);width:64px;height:64px;color:var(--restaurant-green-dark);border-radius:17px;justify-content:center;align-items:center;margin-bottom:13px;font-size:26px;font-weight:900;display:flex}.restaurant-loading{color:var(--restaurant-muted);text-align:center;padding:45px 20px;font-size:12px;font-weight:700;position:relative}.restaurant-loading:before{content:"";border:3px solid #e2e8f0;border-top-color:var(--restaurant-primary);border-radius:50%;width:30px;height:30px;margin:0 auto 12px;animation:.85s linear infinite restaurantSpin;display:block}@keyframes restaurantSpin{to{transform:rotate(360deg)}}.restaurant-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617ad;justify-content:center;align-items:center;padding:20px;animation:.18s restaurantOverlayIn;display:flex;position:fixed;inset:0;overflow:auto}.restaurant-modal{width:min(1050px,96vw);max-height:93vh;box-shadow:var(--restaurant-shadow-xl);background:#fff;border:1px solid #ffffff1f;border-radius:18px;animation:.22s restaurantModalIn;overflow:auto}@keyframes restaurantOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes restaurantModalIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.restaurant-modal-header{z-index:3;border-bottom:1px solid var(--restaurant-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;display:flex;position:sticky;top:0}.restaurant-modal-header>div{flex-direction:column;gap:5px;display:flex}.restaurant-modal-header span{color:var(--restaurant-primary);letter-spacing:1.2px;font-size:9px;font-weight:900}.restaurant-modal-header h2{color:var(--restaurant-dark);margin:0;font-size:24px;font-weight:900}.restaurant-modal-header p{color:var(--restaurant-muted);margin:0;font-size:10px}.restaurant-modal-close{border:1px solid var(--restaurant-border);width:40px;height:40px;color:var(--restaurant-muted);transition:all var(--restaurant-transition-fast);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.restaurant-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 20px;display:grid}.restaurant-detail-grid>div{border:1px solid var(--restaurant-border);background:#f8fafc;border-radius:11px;flex-direction:column;gap:5px;padding:13px;display:flex}.restaurant-detail-grid span{color:var(--restaurant-muted);font-size:9px;font-weight:800}.restaurant-detail-grid strong{color:var(--restaurant-dark);font-size:11px;font-weight:900}.restaurant-modal-section{padding:0 20px 20px}.restaurant-modal-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.restaurant-modal-section-header h3{color:var(--restaurant-dark);margin:0;font-size:15px;font-weight:900}.restaurant-payment-history{flex-direction:column;gap:8px;display:flex}.restaurant-payment-history>div{border:1px solid var(--restaurant-border);transition:all var(--restaurant-transition-fast);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:12px;display:flex}.restaurant-payment-history>div:hover{box-shadow:var(--restaurant-shadow-xs);background:#fff}.restaurant-payment-history>div>div{flex-direction:column;gap:4px;display:flex}.restaurant-payment-history strong{color:var(--restaurant-dark);font-size:10px;font-weight:900}.restaurant-payment-history span{color:var(--restaurant-muted);font-size:9px}.restaurant-sale-notes{background:#fffbeb;border:1px solid #fde68a;border-radius:11px;margin:0 20px 20px;padding:14px}.restaurant-sale-notes strong{color:#92400e;margin-bottom:5px;font-size:10px;display:block}.restaurant-sale-notes p{color:#78350f;margin:0;font-size:10px;line-height:1.6}.restaurant-modal-footer{z-index:3;border-top:1px solid var(--restaurant-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;justify-content:flex-end;align-items:center;gap:9px;padding:14px 20px;display:flex;position:sticky;bottom:0}.restaurant-access-denied{border:1px solid var(--restaurant-border);text-align:center;width:min(650px,100%);box-shadow:var(--restaurant-shadow-lg);background:#fffffff7;border-radius:22px;margin:90px auto;padding:50px 35px}.restaurant-denied-icon{background:var(--restaurant-red-light);border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 18px;font-size:31px;display:flex}.restaurant-access-denied p{color:var(--restaurant-muted);margin:0;font-size:13px;line-height:1.65}@media print{@page{size:auto;margin:10mm}html,body{color:#111827!important;background:#fff!important}.restaurant-page{background:#fff!important;min-height:auto!important}.restaurant-page:before{display:none!important}.restaurant-container{max-width:none!important;padding:0!important}.no-print,.restaurant-header-actions,.restaurant-tab-navigation{display:none!important}.restaurant-card{break-inside:avoid;box-shadow:none!important;border:1px solid #d1d5db!important}.restaurant-scroll-box{max-height:none!important;overflow:visible!important}.restaurant-sales-table,.restaurant-detail-table{min-width:100%!important}.restaurant-modal-overlay{background:#fff!important;padding:0!important;display:block!important;position:static!important}.restaurant-modal{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important;overflow:visible!important}.restaurant-modal-header,.restaurant-modal-footer{position:static!important}.restaurant-summary-grid,.restaurant-dashboard-grid,.restaurant-quick-actions,.restaurant-menu-grid,.restaurant-table-grid,.restaurant-kitchen-grid{break-inside:avoid}body.restaurant-print-sales .restaurant-page>.restaurant-container>*{display:none!important}body.restaurant-print-sales #restaurant-sales-history{width:100%!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;display:block!important}body.restaurant-print-sales #restaurant-sales-history .restaurant-card-header{display:flex!important}body.restaurant-print-sales .restaurant-sales-table{min-width:100%!important;font-size:9px!important}body.restaurant-print-sales .restaurant-sales-table th,body.restaurant-print-sales .restaurant-sales-table td{padding:7px!important}body.restaurant-print-sale .restaurant-page>.restaurant-container>*{display:none!important}body.restaurant-print-sale .restaurant-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;display:block!important;position:static!important}body.restaurant-print-sale .restaurant-modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;display:block!important;overflow:visible!important}body.restaurant-print-sale .restaurant-modal-footer,body.restaurant-print-sale .restaurant-modal-close,body.restaurant-print-sale .no-print{display:none!important}body.restaurant-print-sale .restaurant-modal-header{background:#fff!important;display:flex!important;position:static!important}body.restaurant-print-sale .restaurant-detail-table,body.restaurant-print-sale .restaurant-sales-table{min-width:100%!important}}@media (width<=1450px){.restaurant-summary-grid,.restaurant-quick-actions,.restaurant-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.restaurant-table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.restaurant-kitchen-grid,.restaurant-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-financial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1150px){.restaurant-container{padding:24px}.restaurant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-dashboard-grid{grid-template-columns:1fr}.restaurant-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.restaurant-pos-layout{grid-template-columns:1fr}.restaurant-financial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.restaurant-form-grid,.restaurant-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.restaurant-card:has(.restaurant-tab-navigation){top:5px}.restaurant-header{flex-direction:column}.restaurant-header-actions{justify-content:flex-start;align-items:flex-start;width:100%}.restaurant-quick-actions,.restaurant-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-table-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.restaurant-pos-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-staff-grid{grid-template-columns:1fr}.restaurant-payment-grid,.restaurant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-card-header{flex-wrap:wrap}.restaurant-section-actions{justify-content:flex-start;width:100%}}@media (width<=650px){.restaurant-container{padding:16px 12px 45px}.restaurant-header{gap:16px;padding-bottom:18px}.restaurant-header h1{letter-spacing:-.75px;font-size:28px}.restaurant-header p{font-size:12px}.restaurant-header-actions{flex-direction:column;align-items:stretch;width:100%}.restaurant-date-control,.restaurant-date-control input,.restaurant-header-actions .restaurant-secondary-btn,.restaurant-header-actions .restaurant-primary-btn{width:100%}.restaurant-card{border-radius:14px;margin-bottom:15px;padding:16px}.restaurant-card:has(.restaurant-tab-navigation){padding:7px}.restaurant-tab{min-height:40px;padding:9px 12px;font-size:10px}.restaurant-card-header{flex-direction:column;gap:12px}.restaurant-section-actions,.restaurant-shift-actions,.restaurant-table-card-actions,.restaurant-menu-card-actions,.restaurant-kitchen-actions,.restaurant-form-actions{justify-content:stretch;width:100%}.restaurant-section-actions>button,.restaurant-shift-actions>button,.restaurant-form-actions>button,.restaurant-table-card-actions>button,.restaurant-menu-card-actions>button,.restaurant-kitchen-actions>button{flex:auto}.restaurant-summary-grid,.restaurant-quick-actions,.restaurant-payment-grid{grid-template-columns:1fr}.restaurant-table-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-menu-grid,.restaurant-pos-menu-grid{grid-template-columns:1fr}.restaurant-table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-kitchen-grid,.restaurant-financial-grid,.restaurant-form-grid,.restaurant-detail-grid{grid-template-columns:1fr}.restaurant-sales-filters{flex-direction:column;align-items:stretch}.restaurant-search-wrapper,.restaurant-sales-filters select{width:100%;min-width:0}.restaurant-pos-toolbar{flex-direction:column;align-items:stretch}.restaurant-pos-toolbar select{width:100%}.restaurant-kitchen-header-right{align-items:flex-start;width:100%}.restaurant-kitchen-counts{justify-content:flex-start}.restaurant-modal-overlay{align-items:flex-start;padding:8px}.restaurant-modal{border-radius:14px;width:100%;max-height:96vh}.restaurant-modal-header{padding:15px}.restaurant-modal-header h2{font-size:20px}.restaurant-modal-section{padding:0 15px 15px}.restaurant-modal-footer{flex-wrap:wrap;padding:11px 15px}.restaurant-modal-footer>button{flex:auto}.restaurant-search-wrapper{min-width:0}}@media (width<=430px){.restaurant-container{padding:12px 9px 30px}.restaurant-header h1{font-size:24px}.restaurant-summary-card{min-height:100px}.restaurant-summary-card strong{font-size:18px}.restaurant-table-grid,.restaurant-pos-layout{grid-template-columns:1fr}.restaurant-cart-item{grid-template-columns:1fr auto}.restaurant-cart-item>strong{grid-column:2}.restaurant-cart-controls{grid-column:1}.restaurant-detail-grid{gap:8px}.restaurant-table-status-grid{grid-template-columns:1fr 1fr}.restaurant-tab{padding:8px 10px;font-size:9px}.restaurant-primary-btn,.restaurant-secondary-btn,.restaurant-danger-btn,.restaurant-success-btn,.restaurant-view-btn{min-height:40px;padding:9px 11px}}@media (hover:none) and (pointer:coarse){.restaurant-summary-card:hover,.restaurant-menu-card:hover,.restaurant-dining-table:hover,.restaurant-kitchen-card:hover,.restaurant-staff-card:hover,.restaurant-quick-btn:hover,.restaurant-pos-item:hover,.restaurant-primary-btn:hover,.restaurant-secondary-btn:hover,.restaurant-danger-btn:hover,.restaurant-success-btn:hover,.restaurant-view-btn:hover,.restaurant-cancel-btn:hover{transform:none}.restaurant-cart-controls button{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition:none!important;animation:none!important}}.restaurant-menu-image-upload{background:linear-gradient(135deg,#f8fbff,#f0fbf8);border:1px dashed #b8cce4;border-radius:12px;align-items:center;gap:14px;margin:14px 0;padding:13px;display:flex}.restaurant-menu-image-upload>div:first-child{flex:1;min-width:0}.restaurant-menu-image-upload label,.restaurant-menu-image-upload small{display:block}.restaurant-menu-image-upload label{color:#21415f;font-size:12px;font-weight:800}.restaurant-menu-image-upload input[type=file]{color:#38546f;width:100%;font:inherit;background:#fff;border:1px solid #cddbea;border-radius:8px;margin:7px 0 5px;padding:8px;font-size:12px;display:block}.restaurant-menu-image-upload small{color:#6a8197;font-size:11px;line-height:1.4}.restaurant-menu-image-preview{background:#eaf1f8;border:1px solid #cddbea;border-radius:10px;flex:0 0 116px;position:relative;overflow:hidden}.restaurant-menu-image-preview img{object-fit:cover;width:116px;height:82px;display:block}.restaurant-menu-image-preview button{color:#a93a50;cursor:pointer;background:#fff;border:0;width:100%;padding:6px;font:800 10px/1.2 inherit}.restaurant-menu-image-preview button:hover{background:#fff1f3}@media (width<=620px){.restaurant-menu-image-upload{flex-direction:column;align-items:stretch}.restaurant-menu-image-preview{align-self:flex-start}}.restaurant-recipe-builder{background:linear-gradient(135deg,#f8fcff 0%,#effaf7 100%);border:1px solid #cfe2ef;border-radius:14px;margin-top:17px;padding:16px}.restaurant-recipe-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.restaurant-recipe-heading span{color:#16746d;letter-spacing:.1em;font-size:10px;font-weight:900;display:block}.restaurant-recipe-heading h3{color:#143b5f;margin:4px 0;font-size:16px}.restaurant-recipe-heading p,.restaurant-recipe-example{color:#647b90;margin:0;font-size:12px;line-height:1.45}.restaurant-recipe-yield{color:#34546f;grid-template-columns:auto 74px;align-items:center;gap:5px 8px;min-width:186px;font-size:11px;font-weight:800;display:grid}.restaurant-recipe-yield input{color:#173e62;width:74px;font:inherit;background:#fff;border:1px solid #b8d1e5;border-radius:8px;grid-row:span 2;margin:0;padding:8px;font-size:13px}.restaurant-recipe-yield small{color:#70859a;font-size:10px;font-weight:600}.restaurant-recipe-example{background:#ffffffb3;border-left:3px solid #0f8b73;border-radius:7px;margin-top:12px;padding:9px 10px}.restaurant-recipe-csv-guide{background:#ffffffc7;border:1px dashed #a9cfdf;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:10px;display:flex}.restaurant-recipe-csv-guide>div:first-child{gap:3px;min-width:0;display:grid}.restaurant-recipe-csv-guide strong{color:#174465;font-size:11px}.restaurant-recipe-csv-guide small{color:#668096;font-size:10px;line-height:1.45}.restaurant-recipe-csv-actions{flex:none;align-items:center;gap:7px;display:flex}.restaurant-recipe-upload{color:#fff;cursor:pointer;background:linear-gradient(135deg,#117e73,#0a9387);border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:7px 10px;font-size:11px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.restaurant-recipe-upload:hover{transform:translateY(-1px);box-shadow:0 7px 15px #0a837736}.restaurant-recipe-upload input{display:none}.restaurant-recipe-lines{gap:9px;margin-top:13px;display:grid}.restaurant-recipe-line{background:#fff;border:1px solid #d8e7ef;border-radius:10px;grid-template-columns:minmax(180px,2fr) minmax(96px,.65fr) minmax(92px,.7fr) minmax(116px,.75fr) 30px;align-items:end;gap:8px;padding:10px;display:grid}.restaurant-recipe-line label,.restaurant-recipe-per-serving span{color:#48647d;font-size:10px;font-weight:800;display:block}.restaurant-recipe-line input,.restaurant-recipe-line select{box-sizing:border-box;color:#183d60;width:100%;min-height:36px;font:inherit;background:#fbfdff;border:1px solid #c6d8e7;border-radius:7px;margin-top:5px;padding:7px 8px;font-size:12px;display:block}.restaurant-recipe-per-serving{background:#edf8f5;border-radius:8px;min-height:58px;padding:8px}.restaurant-recipe-per-serving strong{color:#08725f;margin-top:6px;font-size:12px;display:block}.restaurant-recipe-remove{color:#b2364f;cursor:pointer;background:#fff6f7;border:1px solid #f0cbd2;border-radius:8px;width:30px;height:36px;font:900 19px/1 inherit}.restaurant-recipe-actions{justify-content:space-between;gap:9px;margin-top:12px;display:flex}.restaurant-recipe-loading{color:#57738b;margin:13px 0 0;font-size:12px}@media (width<=780px){.restaurant-recipe-heading{flex-direction:column}.restaurant-recipe-csv-guide{flex-direction:column;align-items:flex-start}.restaurant-recipe-line{grid-template-columns:1fr 1fr}.restaurant-recipe-line label:first-child,.restaurant-recipe-per-serving{grid-column:span 2}.restaurant-recipe-remove{justify-self:end}}.restaurant-pos-table-occupancy{background:radial-gradient(circle at 100% 0,#dff4f7 0,#0000 32%),linear-gradient(135deg,#f7fbff,#f4fbf8);border:1px solid #cfe1ec;border-radius:14px;margin:13px 0;padding:14px}.restaurant-pos-table-occupancy-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.restaurant-pos-table-occupancy-header>div:first-child>span{color:#177196;letter-spacing:.13em;font-size:9px;font-weight:900;display:block}.restaurant-pos-table-occupancy h4{color:#163b5c;margin:3px 0 2px;font-size:15px}.restaurant-pos-table-occupancy p{color:#5d7387;margin:0;font-size:11px}.restaurant-selected-table-seat{text-align:right;background:#fff;border:1px solid #b9ddd4;border-radius:10px;min-width:150px;padding:8px 10px}.restaurant-selected-table-seat strong,.restaurant-selected-table-seat span{display:block}.restaurant-selected-table-seat strong{color:#126d5c;font-size:11px}.restaurant-selected-table-seat span{color:#577387;margin-top:2px;font-size:10px}.restaurant-pos-table-seat-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:9px;max-height:245px;padding-right:3px;display:grid;overflow:auto}.restaurant-pos-table-seat{cursor:pointer;background:#fff;border:1px solid #d7e4ed;border-radius:11px;padding:11px;transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;position:relative;box-shadow:0 4px 10px #173a5c0a}.restaurant-pos-table-seat:hover{border-color:#8fc8e4;transform:translateY(-2px);box-shadow:0 9px 18px #1759811f}.restaurant-pos-table-seat>div:first-child{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.restaurant-pos-table-seat>div:first-child strong{color:#173b5d;font-size:12px}.restaurant-pos-table-seat>div:first-child span,.restaurant-pos-table-seat>small{color:#647b8f;font-size:9px}.restaurant-pos-table-seat>small{margin-top:6px;display:block}.restaurant-pos-table-seat-meter{background:#e7eef4;border-radius:999px;height:6px;margin-top:9px;overflow:hidden}.restaurant-pos-table-seat-meter i{border-radius:inherit;background:linear-gradient(90deg,#14947d,#3ab998);height:100%;transition:width .2s;display:block}.restaurant-pos-table-seat.is-occupied{background:#fbfeff;border-color:#b9dbec}.restaurant-pos-table-seat.is-full{cursor:not-allowed;background:#fffaf2;border-color:#f3d3a1}.restaurant-pos-table-seat.is-full:hover{border-color:#f3d3a1;transform:none;box-shadow:0 4px 10px #173a5c0a}.restaurant-pos-table-seat.is-selected{background:linear-gradient(145deg,#effcf7,#f7fffc);border-color:#168d7c;box-shadow:0 0 0 3px #14927624,0 10px 20px #0d7e681f}.restaurant-pos-table-seat.is-selected:after{color:#fff;content:"✓";background:#108b75;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.restaurant-pos-table-seat-top span{color:#57778e;background:#eef5fa;border-radius:999px;padding:2px 5px;font-weight:850;font-size:8px!important}.restaurant-pos-table-seat.is-selected .restaurant-pos-table-seat-top span{color:#08745e;background:#d9f4e8}.restaurant-pos-table-seat.is-full .restaurant-pos-table-seat-top span{color:#a76410;background:#fff0d5}.restaurant-pos-seat-dots{flex-wrap:wrap;align-items:center;gap:4px;min-height:14px;margin-top:8px;display:flex}.restaurant-pos-seat-dots i{background:#fff;border:1px solid #bcd2e1;border-radius:50%;width:8px;height:8px;display:block}.restaurant-pos-seat-dots i.taken{background:#48b8c4;border-color:#249cb0;box-shadow:0 0 0 2px #48b8c41f}.restaurant-pos-table-seat.is-selected .restaurant-pos-seat-dots i.taken{background:#24ae8e;border-color:#11876f}.restaurant-pos-seat-dots em{color:#647b8f;font-size:8px;font-style:normal;font-weight:800}.restaurant-pos-table-seat-count{justify-content:space-between;align-items:center;gap:8px;margin-top:7px;display:flex}.restaurant-pos-table-seat-count span{color:#637d90;font-size:9px}.restaurant-pos-table-seat-count strong{color:#087760;font-size:10px}.restaurant-pos-table-seat.is-full .restaurant-pos-table-seat-count strong{color:#ad6511}.restaurant-pos-table-seat.is-full .restaurant-pos-table-seat-meter i{background:linear-gradient(90deg,#d78221,#eead43)}.restaurant-pos-table-seat-actions{gap:6px;margin-top:9px;display:flex}.restaurant-pos-table-seat-actions button{color:#17638f;cursor:pointer;background:#eef7ff;border:1px solid #b8d8ed;border-radius:7px;flex:1;min-height:29px;padding:5px 7px;font:800 9px inherit;transition:transform .16s,box-shadow .16s,background .16s}.restaurant-pos-table-seat-actions button.release-all{color:#a76610;background:#fff8e9;border-color:#e8d0a3}.restaurant-pos-table-seat-actions button:hover{background:#dff1ff;transform:translateY(-1px);box-shadow:0 5px 10px #17668f21}.restaurant-pos-table-seat-actions button.release-all:hover{background:#fff0ce}.restaurant-production-guide{color:#41677f;background:linear-gradient(115deg,#f2fbff,#f6fffb);border:1px solid #c7e5ef;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;margin:2px 0 20px;padding:13px 15px;font-size:12px;font-weight:750;display:flex}.restaurant-production-guide span{color:#fff;background:#137b96;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:inline-grid}.restaurant-production-guide i{color:#36a189;font-size:16px;font-style:normal}.restaurant-production-count{color:#21668d;background:#eaf6ff;border-radius:999px;padding:8px 11px;font-size:12px}.restaurant-production-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:2px;display:grid}.restaurant-production-card{background:linear-gradient(145deg,#fff,#fbfeff);border:1px solid #d8e6ee;border-radius:14px;padding:16px;box-shadow:0 6px 18px #103e560f}.restaurant-production-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.restaurant-production-card-top small{color:#57788d;letter-spacing:.04em;font-size:10px;font-weight:850}.restaurant-production-card-top h3{color:#173c58;margin:4px 0;font-size:17px}.restaurant-production-card-top p,.restaurant-production-note{color:#6c8192;margin:0;font-size:11px;line-height:1.5}.restaurant-production-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0;display:grid}.restaurant-production-stats div{background:#f4f8fb;border-radius:9px;min-width:0;padding:9px 7px}.restaurant-production-stats .remaining{background:#e9f9f2}.restaurant-production-stats small,.restaurant-production-stats strong{display:block}.restaurant-production-stats small{color:#678094;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;overflow:hidden}.restaurant-production-stats strong{color:#164867;margin-top:4px;font-size:14px}.restaurant-production-ingredients{color:#39708e;border-top:1px dashed #d7e6ee;border-bottom:1px dashed #d7e6ee;padding:9px 0;font-size:11px}.restaurant-production-ingredients summary{cursor:pointer;font-weight:800}.restaurant-production-ingredients ul{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.restaurant-production-ingredients li{color:#5b7284;justify-content:space-between;gap:10px;display:flex}.restaurant-production-ingredients li strong{color:#245a74}.restaurant-production-note{margin-top:10px}.restaurant-production-waste{gap:8px;margin-top:14px;display:flex}.restaurant-production-waste input{flex:1;min-width:0}.restaurant-production-waste select{min-width:92px}.restaurant-production-waste button{white-space:nowrap}.restaurant-production-empty-help{color:#8b5a18;background:#fffaf0;border:1px solid #f1d7a9;border-radius:10px;grid-template-columns:1fr auto;gap:7px 14px;margin-top:13px;padding:13px;display:grid}.restaurant-production-empty-help strong,.restaurant-production-empty-help span{display:block}.restaurant-production-empty-help strong{font-size:12px}.restaurant-production-empty-help span{color:#806b4c;grid-column:1;font-size:11px;line-height:1.45}.restaurant-production-empty-help button{grid-area:1/2/span 2;align-self:center}.restaurant-production-readiness{border-top:1px dashed #cfdee8;margin-top:16px;padding-top:14px}.restaurant-production-readiness-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.restaurant-production-readiness-heading h4,.restaurant-production-readiness-heading p{margin:0}.restaurant-production-readiness-heading h4{color:#204b69;font-size:13px}.restaurant-production-readiness-heading p{color:#6f8596;margin-top:3px;font-size:10px}.restaurant-production-readiness-list{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:8px;margin-top:10px;display:grid}.restaurant-production-readiness-row{background:#fff;border:1px solid #deebf1;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.restaurant-production-readiness-row strong,.restaurant-production-readiness-row small{display:block}.restaurant-production-readiness-row strong{color:#2b526c;font-size:11px}.restaurant-production-readiness-row small{color:#7990a0;margin-top:2px;font-size:9px}.restaurant-production-ready,.restaurant-production-needs-setup{white-space:nowrap;border-radius:999px;flex:none;padding:4px 6px;font-size:9px;font-weight:850}.restaurant-production-ready{color:#0d785f;background:#daf5e7}.restaurant-production-needs-setup{color:#a86414;background:#fff0d8}.restaurant-production-report-filters{background:#f9fcfe;border:1px solid #d9e7ef;border-radius:11px;grid-template-columns:minmax(210px,1.5fr) minmax(125px,.7fr) minmax(135px,.8fr) minmax(135px,.8fr) auto;align-items:end;gap:9px;margin:15px 0 10px;padding:12px;display:grid}.restaurant-production-report-filters label{color:#597187;gap:4px;font-size:9px;font-weight:800;display:grid}.restaurant-production-report-filters input,.restaurant-production-report-filters select{min-width:0;min-height:35px;padding:6px 8px;font-size:11px}.restaurant-production-report-filters .restaurant-search-wrapper{min-width:0}.restaurant-production-report-totals{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.restaurant-production-report-totals>div{background:#fbfdff;border:1px solid #dbe8f0;border-radius:10px;min-width:0;padding:10px}.restaurant-production-report-totals span,.restaurant-production-report-totals strong{display:block}.restaurant-production-report-totals span{color:#6a8497;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:850;overflow:hidden}.restaurant-production-report-totals strong{color:#244d6b;margin-top:4px;font-size:15px}.restaurant-production-report-totals .spoiled{background:#fff9ee;border-color:#f1d1a4}.restaurant-production-report-totals .spoiled strong{color:#a56216}.restaurant-production-report-totals .damaged{background:#fff5f5;border-color:#f3c7c9}.restaurant-production-report-totals .damaged strong{color:#b13742}.restaurant-production-report-totals .remaining{background:#effaf5;border-color:#bde4d4}.restaurant-production-report-totals .remaining strong{color:#097761}.restaurant-production-waste-history{color:#885b24;border-top:1px dashed #d7e6ee;margin-top:11px;padding:8px 0;font-size:11px}.restaurant-production-waste-history summary{cursor:pointer;font-weight:800}.restaurant-production-waste-history ul{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.restaurant-production-waste-history li{background:#fffaf3;border-radius:7px;justify-content:space-between;align-items:flex-start;gap:10px;padding:6px 7px;display:flex}.restaurant-production-waste-history span,.restaurant-production-waste-history small,.restaurant-production-waste-history em{display:block}.restaurant-production-waste-history small,.restaurant-production-waste-history em{color:#856f56;font-size:9px;font-style:normal}.restaurant-production-waste-history b{color:#ae6717;font-size:12px}@media (width<=640px){.restaurant-pos-table-occupancy-header{flex-direction:column}.restaurant-selected-table-seat{text-align:left;width:100%}.restaurant-pos-table-seat-grid{grid-template-columns:1fr}.restaurant-production-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-production-waste{flex-direction:column}.restaurant-production-waste select{min-width:0}.restaurant-production-empty-help{grid-template-columns:1fr}.restaurant-production-empty-help button{grid-area:auto;justify-self:start}.restaurant-production-readiness-heading{flex-direction:column;align-items:flex-start}.restaurant-production-report-filters{grid-template-columns:1fr}.restaurant-production-report-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--rc-primary:#0f766e;--rc-primary-dark:#115e59;--rc-primary-light:#ccfbf1;--rc-primary-soft:#f0fdfa;--rc-blue:#2563eb;--rc-blue-dark:#1d4ed8;--rc-blue-light:#dbeafe;--rc-green:#16a34a;--rc-green-dark:#15803d;--rc-green-light:#dcfce7;--rc-purple:#7c3aed;--rc-purple-dark:#6d28d9;--rc-purple-light:#ede9fe;--rc-orange:#ea580c;--rc-orange-dark:#c2410c;--rc-orange-light:#ffedd5;--rc-red:#dc2626;--rc-red-dark:#b91c1c;--rc-red-light:#fee2e2;--rc-cyan:#0891b2;--rc-cyan-light:#cffafe;--rc-yellow:#ca8a04;--rc-yellow-light:#fef9c3;--rc-slate:#475569;--rc-slate-dark:#334155;--rc-slate-light:#f1f5f9;--rc-dark:#0f172a;--rc-text:#1e293b;--rc-muted:#64748b;--rc-soft-muted:#94a3b8;--rc-border:#e2e8f0;--rc-border-dark:#cbd5e1;--rc-bg:#eef2f7;--rc-white:#fff;--rc-radius-xs:6px;--rc-radius-sm:9px;--rc-radius-md:12px;--rc-radius-lg:16px;--rc-radius-xl:22px;--rc-radius-2xl:28px;--rc-shadow-xs:0 1px 3px #0f172a0d;--rc-shadow-sm:0 5px 16px #0f172a12;--rc-shadow-md:0 12px 32px #0f172a1a;--rc-shadow-lg:0 24px 70px #0f172a29;--rc-shadow-xl:0 35px 100px #0f172a33;--rc-transition:.2s cubic-bezier(.2, .8, .2, 1)}.restaurant-page,.restaurant-page *,.restaurant-page :before,.restaurant-page :after{box-sizing:border-box}.restaurant-page button,.restaurant-page input,.restaurant-page select,.restaurant-page textarea{font:inherit}.restaurant-page button{-webkit-tap-highlight-color:transparent}.restaurant-page img{max-width:100%;display:block}.restaurant-page{width:100%;min-height:100vh;color:var(--rc-text);scrollbar-width:thin;scrollbar-color:#94a3b8 #e8eef6;background:radial-gradient(circle at 0 0,#14b8a61a,#0000 23%),radial-gradient(circle at 100% 7%,#2563eb14,#0000 22%),radial-gradient(circle at 100% 100%,#7c3aed12,#0000 24%),linear-gradient(135deg,#f8fafc 0%,#eef2f7 52%,#e8eef6 100%);padding:26px 28px 65px;overflow:hidden auto}.restaurant-page::-webkit-scrollbar{width:10px}.restaurant-page::-webkit-scrollbar-track{background:#e8eef6}.restaurant-page::-webkit-scrollbar-thumb{background:linear-gradient(#5eead4,#64748b);border:2px solid #e8eef6;border-radius:999px}.restaurant-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(#2dd4bf,#475569)}.restaurant-container{width:100%;max-width:1780px;margin:0 auto;padding-bottom:30px}.restaurant-header{border-radius:var(--rc-radius-2xl);box-shadow:var(--rc-shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#fffffffa,#f8fafcfa 65%,#f0fdfafa);border:1px solid #0f766e24;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:20px;padding:24px 25px;display:flex;position:relative;overflow:hidden}.restaurant-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a62e,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute;top:-205px;right:-95px}.restaurant-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb1c,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-180px;left:-130px}.restaurant-header>div{z-index:2;position:relative}.restaurant-eyebrow{color:var(--rc-primary);letter-spacing:1.7px;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:950}.restaurant-header h1{color:var(--rc-dark);letter-spacing:-1px;margin:0 0 8px;font-size:clamp(26px,3vw,34px);font-weight:950;line-height:1.1}.restaurant-header p{max-width:750px;color:var(--rc-muted);margin:0;font-size:12px;line-height:1.7}.restaurant-header-actions{z-index:10;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.restaurant-primary-btn,.restaurant-secondary-btn,.restaurant-success-btn,.restaurant-view-btn,.restaurant-cancel-btn,.restaurant-danger-btn,.restaurant-link-btn,.restaurant-modal-close{cursor:pointer;transition:transform var(--rc-transition), box-shadow var(--rc-transition), background var(--rc-transition), border-color var(--rc-transition), color var(--rc-transition), opacity var(--rc-transition), filter var(--rc-transition);-webkit-user-select:none;user-select:none;border:0}.restaurant-primary-btn:focus-visible,.restaurant-secondary-btn:focus-visible,.restaurant-success-btn:focus-visible,.restaurant-view-btn:focus-visible,.restaurant-cancel-btn:focus-visible,.restaurant-danger-btn:focus-visible,.restaurant-link-btn:focus-visible,.restaurant-modal-close:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.restaurant-primary-btn{border:1px solid var(--rc-primary);border-radius:var(--rc-radius-sm);color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);justify-content:center;align-items:center;gap:7px;min-height:43px;padding:10px 16px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 8px 22px #0f766e36}.restaurant-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#115e59,#0f766e);transform:translateY(-2px);box-shadow:0 13px 30px #0f766e47}.restaurant-primary-btn:active:not(:disabled){transform:translateY(0)}.restaurant-secondary-btn{border:1px solid var(--rc-border-dark);border-radius:var(--rc-radius-sm);min-height:43px;color:var(--rc-text);box-shadow:var(--rc-shadow-xs);background:linear-gradient(135deg,#fff,#f8fafc);justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:11px;font-weight:900;display:inline-flex}.restaurant-secondary-btn:hover:not(:disabled){box-shadow:var(--rc-shadow-sm);background:#f8fafc;border-color:#94a3b8;transform:translateY(-2px)}.restaurant-header-actions .restaurant-secondary-btn:first-child{color:var(--rc-blue-dark);background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb40;box-shadow:0 6px 16px #2563eb1a}.restaurant-header-actions .restaurant-secondary-btn:first-child:hover{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;box-shadow:0 11px 25px #2563eb2b}.restaurant-header-actions .restaurant-secondary-btn:nth-child(2){color:var(--rc-purple-dark);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#7c3aed3d}.restaurant-header-actions .restaurant-secondary-btn:nth-child(2):hover{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#a78bfa;box-shadow:0 10px 24px #7c3aed26}.restaurant-header-actions .restaurant-primary-btn{border-color:var(--rc-orange);background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 8px 22px #ea580c2e}.restaurant-header-actions .restaurant-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#ea580c);box-shadow:0 12px 27px #ea580c40}.restaurant-view-btn,.restaurant-success-btn,.restaurant-cancel-btn,.restaurant-danger-btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:35px;padding:7px 11px;font-size:9px;font-weight:900;display:inline-flex}.restaurant-view-btn{color:var(--rc-blue-dark);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.restaurant-view-btn:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 7px 16px #2563eb24}.restaurant-success-btn{color:var(--rc-green-dark);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.restaurant-success-btn:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80;transform:translateY(-2px);box-shadow:0 7px 16px #16a34a26}.restaurant-cancel-btn{color:var(--rc-orange-dark);background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.restaurant-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fdba74;transform:translateY(-2px);box-shadow:0 7px 16px #ea580c24}.restaurant-danger-btn{color:var(--rc-red-dark);background:linear-gradient(135deg,#fff1f2,#fee2e2);border:1px solid #fecaca}.restaurant-danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:translateY(-2px);box-shadow:0 7px 18px #dc262629}.restaurant-link-btn{background:var(--rc-primary-soft);min-height:35px;color:var(--rc-primary-dark);border:1px solid #0f766e26;border-radius:8px;justify-content:center;align-items:center;padding:7px 11px;font-size:9px;font-weight:900;display:inline-flex}.restaurant-link-btn:hover:not(:disabled){background:var(--rc-primary-light);transform:translateY(-1px)}.restaurant-primary-btn:disabled,.restaurant-secondary-btn:disabled,.restaurant-success-btn:disabled,.restaurant-view-btn:disabled,.restaurant-cancel-btn:disabled,.restaurant-danger-btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}.restaurant-alert{border-radius:var(--rc-radius-md);box-shadow:var(--rc-shadow-sm);align-items:flex-start;gap:13px;margin-bottom:18px;padding:14px 15px;animation:.24s restaurantCategoryAlertIn;display:flex;position:relative}@keyframes restaurantCategoryAlertIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.restaurant-alert>div{flex-direction:column;flex:1;gap:4px;display:flex}.restaurant-alert strong{font-size:11px;font-weight:950}.restaurant-alert span{font-size:10px;line-height:1.6}.restaurant-alert button{width:31px;min-width:31px;height:31px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:19px;font-weight:900;display:flex}.restaurant-alert button:hover{background:#0f172a0f}.restaurant-alert-success{color:#166534;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac}.restaurant-alert-error{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fee2e2);border:1px solid #fca5a5}.restaurant-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px;display:grid}.restaurant-summary-card{border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);min-width:0;min-height:116px;box-shadow:var(--rc-shadow-sm);transition:transform var(--rc-transition), box-shadow var(--rc-transition), border-color var(--rc-transition);background:linear-gradient(145deg,#fff,#f8fafc 72%,#f0fdfa);align-items:center;gap:14px;padding:17px;display:flex;position:relative;overflow:hidden}.restaurant-summary-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a621,#0000 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:-95px;right:-80px}.restaurant-summary-card:hover{box-shadow:var(--rc-shadow-md);border-color:#0f766e33;transform:translateY(-5px)}.restaurant-summary-icon{z-index:2;border-radius:15px;justify-content:center;align-items:center;width:53px;min-width:53px;height:53px;font-size:20px;font-weight:950;display:flex;position:relative}.restaurant-summary-icon.sales{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.restaurant-summary-icon.cash{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.restaurant-summary-icon.kitchen{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fed7aa)}.restaurant-summary-card>div:last-child{z-index:2;flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.restaurant-summary-card span{color:var(--rc-muted);font-size:10px;font-weight:800}.restaurant-summary-card strong{color:var(--rc-dark);font-size:22px;font-weight:950;line-height:1.1}.restaurant-summary-card small{color:var(--rc-soft-muted);font-size:9px}.restaurant-card{border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);width:100%;box-shadow:var(--rc-shadow-sm);background:#fffffffa;margin-bottom:21px;position:relative;overflow:hidden}.restaurant-card:before{content:"";background:linear-gradient(90deg,#0f766e,#14b8a6,#2563eb,#7c3aed,#ea580c);width:100%;height:3px;position:absolute;top:0;left:0}.restaurant-card-header{border-bottom:1px solid var(--rc-border);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:18px;padding:19px 21px;display:flex}.restaurant-card-header h2{color:var(--rc-dark);margin:0 0 5px;font-size:18px;font-weight:950}.restaurant-card-header p{color:var(--rc-muted);margin:0;font-size:10px;line-height:1.6}.restaurant-card-header .restaurant-primary-btn{border-color:var(--rc-green);background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 20px #16a34a2e}.restaurant-card-header .restaurant-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 12px 27px #16a34a40}.restaurant-category-form{border-radius:var(--rc-radius-lg);background:linear-gradient(145deg,#effdfa,#fff 58%,#eff6ff);border:1px solid #14b8a638;margin:16px;padding:19px;animation:.24s restaurantCategoryFormIn;box-shadow:0 12px 35px #0f766e14}@keyframes restaurantCategoryFormIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.restaurant-category-form-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.restaurant-category-form-header h3{color:var(--rc-dark);margin:0 0 5px;font-size:16px;font-weight:950}.restaurant-category-form-header p{color:var(--rc-muted);margin:0;font-size:10px;line-height:1.6}.restaurant-modal-close{border:1px solid var(--rc-border);width:39px;min-width:39px;height:39px;color:var(--rc-muted);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.restaurant-modal-close:hover{color:var(--rc-red-dark);background:#fee2e2;border-color:#fca5a5;transform:rotate(4deg)}.restaurant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.restaurant-form-group{min-width:0}.restaurant-form-group label{color:var(--rc-text);margin-bottom:7px;font-size:10px;font-weight:900;display:block}.restaurant-form-group input,.restaurant-form-group select,.restaurant-form-group textarea{border:1px solid var(--rc-border-dark);border-radius:var(--rc-radius-sm);width:100%;min-height:45px;color:var(--rc-text);transition:border-color var(--rc-transition), box-shadow var(--rc-transition), transform var(--rc-transition);background:#fff;outline:none;padding:10px 12px;font-size:11px}.restaurant-form-group input::placeholder,.restaurant-form-group textarea::placeholder{color:var(--rc-soft-muted)}.restaurant-form-group input:hover,.restaurant-form-group select:hover,.restaurant-form-group textarea:hover{border-color:#94a3b8}.restaurant-form-group input:focus,.restaurant-form-group select:focus,.restaurant-form-group textarea:focus{border-color:var(--rc-primary);transform:translateY(-1px);box-shadow:0 0 0 4px #0f766e17}.restaurant-form-group textarea{resize:vertical;min-height:100px}.restaurant-form-actions{border-top:1px solid var(--rc-border);justify-content:flex-end;align-items:center;gap:9px;margin-top:18px;padding-top:15px;display:flex}.restaurant-sales-filters{border-bottom:1px solid var(--rc-border);background:linear-gradient(#fbfdff,#f8fafc);grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:11px;padding:14px 17px;display:grid}.restaurant-search-wrapper{min-width:0;position:relative}.restaurant-search-wrapper span{color:var(--rc-soft-muted);pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.restaurant-search-wrapper input{border:1px solid var(--rc-border-dark);border-radius:var(--rc-radius-sm);width:100%;height:43px;color:var(--rc-text);transition:border-color var(--rc-transition), box-shadow var(--rc-transition);background:#fff;outline:none;padding:0 13px 0 38px;font-size:11px}.restaurant-search-wrapper input:focus{border-color:var(--rc-primary);box-shadow:0 0 0 4px #0f766e14}.restaurant-sales-filters select{border:1px solid var(--rc-border-dark);border-radius:var(--rc-radius-sm);width:100%;min-height:43px;color:var(--rc-text);cursor:pointer;background:#fff;outline:none;padding:9px 11px;font-size:10px;font-weight:700}.restaurant-sales-count{min-height:35px;color:var(--rc-primary-dark);white-space:nowrap;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:9px;font-weight:950;display:inline-flex}.restaurant-scroll-box{scrollbar-width:thin;scrollbar-color:#94a3b8 #f8fafc;width:100%;overflow:auto}.restaurant-scroll-box::-webkit-scrollbar{width:9px;height:9px}.restaurant-scroll-box::-webkit-scrollbar-track{background:#f8fafc}.restaurant-scroll-box::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:999px}.restaurant-scroll-box::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#94a3b8,#64748b)}.restaurant-sales-table-wrapper{width:100%}.restaurant-sales-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.restaurant-sales-table thead th{z-index:5;color:#e2e8f0;text-align:left;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#0f172a,#1e293b);border-bottom:1px solid #334155;padding:13px 14px;font-size:9px;font-weight:950;position:sticky;top:0}.restaurant-sales-table thead th:first-child{border-top-left-radius:8px}.restaurant-sales-table thead th:last-child{border-top-right-radius:8px}.restaurant-sales-table tbody td{color:var(--rc-text);vertical-align:middle;background:#fff;border-bottom:1px solid #edf2f7;padding:14px;font-size:10px}.restaurant-sales-table tbody tr{transition:background var(--rc-transition), box-shadow var(--rc-transition)}.restaurant-sales-table tbody tr:hover{box-shadow:inset 4px 0 0 var(--rc-primary)}.restaurant-sales-table tbody tr:hover td{background:linear-gradient(90deg,#f8fefd,#fff)}.restaurant-sales-table tbody tr:last-child td{border-bottom:none}.restaurant-sales-table td:first-child strong{border:1px solid var(--rc-border);min-height:30px;color:var(--rc-dark);background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:8px;align-items:center;padding:5px 10px;font-size:11px;font-weight:950;display:inline-flex}.restaurant-sales-table tbody tr:hover td:first-child strong{background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-color:#0f766e33}.restaurant-sales-table td:nth-child(3) strong{min-width:38px;min-height:30px;color:var(--rc-purple-dark);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #ddd6fe;border-radius:8px;justify-content:center;align-items:center;padding:5px 8px;display:inline-flex}.restaurant-status-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:5px 10px;font-size:9px;font-weight:950;display:inline-flex}.restaurant-status-badge:before{content:"";border-radius:50%;width:7px;height:7px;margin-right:6px}.restaurant-status-available{color:#166534;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.restaurant-status-available:before{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.restaurant-status-cancelled{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca)}.restaurant-status-cancelled:before{background:#ef4444}.restaurant-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;display:grid}.restaurant-category-card{border:1px solid var(--rc-border);border-radius:var(--rc-radius-lg);min-width:0;box-shadow:var(--rc-shadow-xs);transition:transform var(--rc-transition), box-shadow var(--rc-transition), border-color var(--rc-transition);background:linear-gradient(145deg,#fff,#f8fafc);padding:16px;position:relative;overflow:hidden}.restaurant-category-card:before{content:"";background:linear-gradient(90deg, var(--rc-primary), var(--rc-blue), var(--rc-purple));width:100%;height:4px;position:absolute;top:0;left:0}.restaurant-category-card.inactive:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.restaurant-category-card:hover{box-shadow:var(--rc-shadow-md);border-color:#0f766e2e;transform:translateY(-5px)}.restaurant-category-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.restaurant-category-icon{background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex;box-shadow:0 7px 17px #0f766e1a}.restaurant-category-card.inactive .restaurant-category-icon{filter:grayscale(.3);background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.restaurant-category-card h3{color:var(--rc-dark);white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;font-weight:950;overflow:hidden}.restaurant-category-card p{min-height:42px;color:var(--rc-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:9px;line-height:1.6;display:-webkit-box;overflow:hidden}.restaurant-category-card-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px;display:grid}.restaurant-category-card-stats>div{border:1px solid var(--rc-border);background:#f8fafc;border-radius:9px;flex-direction:column;gap:3px;padding:9px;display:flex}.restaurant-category-card-stats span{color:var(--rc-soft-muted);text-transform:uppercase;font-size:8px;font-weight:800}.restaurant-category-card-stats strong{color:var(--rc-dark);font-size:10px;font-weight:900}.restaurant-category-card-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.restaurant-category-card-actions button{flex:1;min-width:0}.restaurant-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.restaurant-empty>div:first-child{width:74px;height:74px;color:var(--rc-primary);background:linear-gradient(135deg,#ccfbf1,#dbeafe,#ede9fe);border-radius:21px;justify-content:center;align-items:center;margin-bottom:15px;font-size:30px;display:flex;box-shadow:0 15px 35px #0f766e1f}.restaurant-empty h3{color:var(--rc-dark);margin:0 0 8px;font-size:19px;font-weight:950}.restaurant-empty p{max-width:500px;color:var(--rc-muted);margin:0 0 18px;font-size:10px;line-height:1.7}.restaurant-empty-small{color:var(--rc-muted);text-align:center;padding:38px 20px;font-size:10px}.restaurant-loading{min-height:280px;color:var(--rc-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.restaurant-loading:before{content:"";border:3px solid #dbe4ec;border-top-color:var(--rc-primary);border-right-color:var(--rc-blue);border-radius:50%;width:37px;height:37px;animation:.72s linear infinite restaurantCategorySpin}@keyframes restaurantCategorySpin{to{transform:rotate(360deg)}}.restaurant-category-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.restaurant-category-steps>div{border:1px solid var(--rc-border);border-radius:var(--rc-radius-md);min-width:0;min-height:105px;box-shadow:var(--rc-shadow-xs);transition:transform var(--rc-transition), box-shadow var(--rc-transition), border-color var(--rc-transition);background:linear-gradient(145deg,#fff,#f8fafc);align-items:flex-start;gap:11px;padding:14px;display:flex;position:relative}.restaurant-category-steps>div:hover{box-shadow:var(--rc-shadow-md);border-color:#0f766e2e;transform:translateY(-4px)}.restaurant-category-steps>div>strong{width:34px;min-width:34px;height:34px;color:var(--rc-primary-dark);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:950;display:flex}.restaurant-category-steps b{color:var(--rc-dark);margin-bottom:4px;font-size:10px;font-weight:950;display:block}.restaurant-category-steps span{color:var(--rc-muted);font-size:8px;line-height:1.65;display:block}.restaurant-access-denied{text-align:center;border:1px solid var(--rc-border);border-radius:var(--rc-radius-xl);width:min(620px,100%);box-shadow:var(--rc-shadow-xl);background:#fffffffa;margin:95px auto;padding:48px 32px}.restaurant-denied-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;margin:0 auto 18px;font-size:31px;display:flex;box-shadow:0 14px 32px #dc26261f}.restaurant-access-denied h1{color:var(--rc-dark);margin:0 0 9px;font-size:25px;font-weight:950}.restaurant-access-denied p{max-width:450px;color:var(--rc-muted);margin:0 auto 18px;font-size:12px;line-height:1.7}.restaurant-print-only{display:none}@media print{@page{size:A4 portrait;margin:11mm}body{background:#fff!important}.restaurant-page{background:#fff!important;padding:0!important;overflow:visible!important}.restaurant-container{max-width:none!important;padding:0!important}.no-print{display:none!important}.restaurant-print-only{display:block!important}.restaurant-card{box-shadow:none;border-radius:0;margin-bottom:12px}.restaurant-category-grid,.restaurant-category-steps{display:none!important}.restaurant-sales-table{width:100%!important;min-width:0!important}.restaurant-sales-table thead th{color:#0f172a!important;background:#e2e8f0!important;position:static!important}.restaurant-sales-table th,.restaurant-sales-table td{padding:7px 8px;font-size:8px}.restaurant-sales-table td strong{font-size:8px}.restaurant-scroll-box{max-height:none!important;overflow:visible!important}}@media (width<=1450px){.restaurant-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1200px){.restaurant-summary-grid,.restaurant-category-steps,.restaurant-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.restaurant-page{padding:21px}.restaurant-header{flex-direction:column}.restaurant-header-actions{justify-content:flex-start;width:100%}.restaurant-sales-filters{grid-template-columns:minmax(0,1fr) 170px auto}}@media (width<=800px){.restaurant-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.restaurant-card-header{flex-direction:column;align-items:flex-start}.restaurant-card-header .restaurant-primary-btn{width:100%}.restaurant-category-grid,.restaurant-sales-filters{grid-template-columns:1fr}.restaurant-sales-count{width:fit-content}}@media (width<=650px){.restaurant-page{padding:13px 11px 40px}.restaurant-header{padding:18px}.restaurant-header h1{font-size:26px}.restaurant-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.restaurant-header-actions>*{width:100%}.restaurant-header-actions .restaurant-secondary-btn:first-child{grid-column:1/-1}.restaurant-summary-grid,.restaurant-form-grid,.restaurant-category-steps{grid-template-columns:1fr}.restaurant-category-form{margin:11px;padding:15px}.restaurant-form-actions{flex-direction:column-reverse;align-items:stretch}.restaurant-form-actions button{width:100%}.restaurant-table-actions{min-width:0}}@media (width<=500px){.restaurant-page{padding:9px 8px 32px}.restaurant-header{border-radius:18px;padding:15px}.restaurant-header h1{font-size:23px}.restaurant-header p{font-size:11px}.restaurant-header-actions{grid-template-columns:1fr}.restaurant-header-actions .restaurant-secondary-btn:first-child{grid-column:auto}.restaurant-primary-btn,.restaurant-secondary-btn{width:100%}.restaurant-summary-card{min-height:100px;padding:14px}.restaurant-summary-icon{width:46px;min-width:46px;height:46px}.restaurant-summary-card strong{font-size:19px}.restaurant-card-header{padding:15px}.restaurant-category-form{margin:9px;padding:13px}.restaurant-sales-table{min-width:980px}.restaurant-category-card-actions{flex-direction:column;align-items:stretch}.restaurant-category-card-actions button{width:100%}.restaurant-empty{padding:30px 16px}.restaurant-access-denied{margin:58px auto;padding:32px 18px}}@media (width<=380px){.restaurant-page{padding:7px 6px 28px}.restaurant-header{padding:13px}.restaurant-header h1{font-size:21px}.restaurant-card-header h2{font-size:16px}.restaurant-summary-card{gap:10px;padding:12px}.restaurant-summary-icon{width:42px;min-width:42px;height:42px}.restaurant-category-form{margin:7px;padding:11px}}@media (hover:none){.restaurant-summary-card:hover,.restaurant-category-card:hover,.restaurant-category-steps>div:hover,.restaurant-primary-btn:hover,.restaurant-secondary-btn:hover,.restaurant-view-btn:hover,.restaurant-success-btn:hover,.restaurant-cancel-btn:hover,.restaurant-danger-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--primary-soft:#eff6ff;--teal:#0f766e;--teal-dark:#115e59;--teal-light:#ccfbf1;--teal-soft:#f0fdfa;--green:#16a34a;--green-dark:#15803d;--green-light:#dcfce7;--green-soft:#f0fdf4;--orange:#ea580c;--orange-dark:#c2410c;--orange-light:#ffedd5;--orange-soft:#fff7ed;--purple:#7c3aed;--purple-dark:#6d28d9;--purple-light:#ede9fe;--purple-soft:#f5f3ff;--red:#dc2626;--red-dark:#b91c1c;--red-light:#fee2e2;--red-soft:#fef2f2;--yellow:#ca8a04;--yellow-light:#fef9c3;--yellow-soft:#fffbeb;--cyan:#0891b2;--cyan-light:#cffafe;--cyan-soft:#ecfeff;--dark:#0f172a;--text:#1e293b;--text-light:#475569;--muted:#64748b;--muted-light:#94a3b8;--bg:#f1f5f9;--bg-light:#f8fafc;--white:#fff;--border:#e2e8f0;--border-dark:#cbd5e1;--shadow-xs:0 1px 3px #0f172a0d;--shadow-sm:0 4px 14px #0f172a0f;--shadow-md:0 10px 30px #0f172a1a;--shadow-lg:0 25px 70px #0f172a2e;--shadow-xl:0 35px 100px #00000047;--radius-xs:6px;--radius-sm:8px;--radius-md:11px;--radius-lg:15px;--radius-xl:20px;--radius-2xl:26px;--transition:all .2s ease}.module-access-checking{color:#395a73;background:radial-gradient(circle at 15% 12%,#3182ce24,#0000 30%),#f6faff;justify-content:center;align-items:center;gap:11px;min-height:100vh;padding:24px;font-size:14px;font-weight:800;display:flex}.module-access-checking-spinner{border:3px solid #cae2ef;border-top-color:#087c9d;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite module-access-spin}.module-disabled-overlay{z-index:20000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle at 18% 16%,#ff6e6e3d,#0000 28%),#220c11bd;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.module-disabled-card{color:#54252b;text-align:center;background:linear-gradient(145deg,#fff,#fff8f8);border:1px solid #ffc3c7;border-radius:25px;width:min(560px,100%);padding:42px 40px 35px;animation:.22s ease-out module-disabled-card-in;box-shadow:0 30px 85px #28040a75}.module-disabled-icon{color:#fff;background:linear-gradient(145deg,#ed4e59,#c81e32);border:7px solid #fff0f1;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 16px;font-size:35px;font-weight:950;line-height:1;display:grid;box-shadow:0 10px 25px #c71e3247}.module-disabled-kicker{color:#c11f34;letter-spacing:.13em;margin:0;font-size:11px;font-weight:950}.module-disabled-card h1{color:#751927;margin:10px auto;font-size:clamp(25px,4vw,34px);line-height:1.12}.module-disabled-card>p:not(.module-disabled-kicker){color:#76545a;max-width:440px;margin:0 auto;font-size:14px;line-height:1.65}.module-disabled-contact{background:#fff0f1;border:1px solid #ffd2d4;border-radius:14px;margin:23px 0;padding:14px 16px}.module-disabled-contact strong,.module-disabled-contact span{display:block}.module-disabled-contact strong{color:#a61e2f;font-size:13px}.module-disabled-contact span{color:#87515a;margin-top:4px;font-size:11px;line-height:1.45}.module-disabled-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#db3548,#af1629);border:1px solid #b51f31;border-radius:11px;min-height:47px;padding:10px 18px;font-size:13px;font-weight:900;transition:transform .16s,box-shadow .16s;box-shadow:0 8px 18px #b014263d}.module-disabled-card button:hover{transform:translateY(-1px);box-shadow:0 11px 25px #b0142657}@keyframes module-access-spin{to{transform:rotate(360deg)}}@keyframes module-disabled-card-in{0%{opacity:0;transform:translateY(15px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.module-disabled-overlay{padding:14px}.module-disabled-card{border-radius:19px;padding:32px 23px 27px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Roboto,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{-webkit-tap-highlight-color:transparent;font-family:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.app-message-notification{z-index:9200;position:fixed;top:18px;right:22px}.app-notification-bell{color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffffff0;border:1px solid #cfdcefeb;border-radius:13px;place-items:center;width:42px;height:42px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:grid;position:relative;box-shadow:0 9px 24px #0f172a29}.app-notification-bell>span:first-child{font-size:19px;line-height:1}.app-notification-bell:hover{background:#fff;border-color:#9eb7ed;transform:translateY(-1px);box-shadow:0 12px 28px #22408238}.app-notification-bell.has-unread{background:linear-gradient(145deg,#fdfefe,#eef4ff);border-color:#9eb6ee}.app-notification-badge{color:#fff;background:linear-gradient(135deg,#e15d68,#c63f58);border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:850;line-height:1;display:grid;position:absolute;top:-7px;right:-8px;box-shadow:0 4px 9px #be384f4d}.app-message-notice{color:#23324b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #d9e3f0;border-radius:15px;grid-template-columns:35px minmax(0,1fr);column-gap:10px;width:min(330px,100vw - 32px);padding:12px;animation:.18s ease-out app-message-notice-in;display:grid;position:absolute;top:51px;right:0;box-shadow:0 18px 40px #0f234533}.app-message-notice.priority-high{background:linear-gradient(145deg,#fffdf7,#fff4d8);border-color:#f2c46b}.app-message-notice.priority-urgent{background:linear-gradient(145deg,#fff8f8,#ffe8e8);border-color:#ef9aa1;box-shadow:0 20px 46px #af313e42}.app-message-notice-icon{color:#fff;background:linear-gradient(135deg,#3566cb,#5c58c6);border-radius:11px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.app-message-notice.priority-high .app-message-notice-icon{background:linear-gradient(135deg,#e89f20,#e76d22)}.app-message-notice.priority-urgent .app-message-notice-icon{background:linear-gradient(135deg,#d94b58,#b7263f)}.app-message-notice-copy{gap:3px;min-width:0;padding-top:1px;display:grid}.app-message-notice-copy strong{color:#1e3155;font-size:12px;font-weight:850}.app-message-notice-copy span{color:#66758d;font-size:11px;line-height:1.4}.app-message-notice-copy .app-message-notice-label{color:#2d6cc8;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.app-message-notice.priority-high .app-message-notice-label{color:#9a5b00}.app-message-notice.priority-urgent .app-message-notice-label{color:#ae2636}.app-message-notice-copy .app-message-notice-body{color:#465a78;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-message-notice-copy small{color:#7888a1;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.app-message-notice-actions{grid-column:1/-1;justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.app-message-notice-actions button{cursor:pointer;border-radius:8px;min-height:31px;padding:6px 9px;font-size:11px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.app-message-notice-view{color:#fff;background:linear-gradient(135deg,#3267ce,#5b56c6);border:1px solid #0000;box-shadow:0 5px 11px #3d56c33b}.app-message-notice-close{color:#53647d;background:#f9fbfe;border:1px solid #dbe3ee}.app-message-notice-actions button:hover{transform:translateY(-1px)}@media (width<=620px){.app-message-notification{top:12px;right:13px}.app-notification-bell{border-radius:12px;width:39px;height:39px}.app-message-notice{width:min(310px,100vw - 26px);top:47px}}@keyframes app-message-notice-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-exit-controls{z-index:8900;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffffe6;border:1px solid #ffffffdb;border-radius:14px;align-items:center;gap:7px;padding:7px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 35px #0f172a2e}.page-exit-controls button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:37px;padding:8px 11px;font-size:12px;font-weight:750;line-height:1;transition:transform .16s,box-shadow .16s,background .16s,color .16s;display:inline-flex}.page-exit-controls button span{font-size:17px;line-height:1}.page-back-button{color:#334155;background:#f8fafc;border-color:#dbe3ef!important}.page-back-button:hover:not(:disabled){background:#eef2f7;transform:translateY(-1px)}.page-exit-button{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 5px 12px #2563eb42}.page-exit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 18px #2563eb52}.page-exit-controls button:disabled{display:none}.app-recovery-screen{background:radial-gradient(circle at 10% 15%,#2563eb29,#0000 30rem),radial-gradient(circle at 95% 85%,#7c3aed21,#0000 28rem),#f5f8fd;place-items:center;min-height:100vh;padding:24px;display:grid}.app-recovery-card{text-align:center;background:#fffffff5;border:1px solid #ffffffe6;border-radius:22px;width:min(470px,100%);padding:36px;box-shadow:0 24px 65px #0f172a29}.app-recovery-icon{color:#c2410c;background:#fff7ed;border-radius:15px;place-items:center;width:50px;height:50px;margin:0 auto 15px;font-size:26px;font-weight:850;display:grid}.app-recovery-kicker{color:#2563eb;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.app-recovery-card h1{color:#172033;letter-spacing:-.03em;margin:0;font-size:clamp(22px,4vw,29px)}.app-recovery-card>p:not(.app-recovery-kicker){color:#667085;margin:12px 0 0;font-size:14px;line-height:1.65}.app-recovery-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.app-recovery-actions button{border:1px solid #0000;border-radius:10px;min-height:42px;padding:10px 15px;font-size:13px;font-weight:750}.app-recovery-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 7px 15px #2563eb40}.app-recovery-secondary{color:#344054;background:#fff;border-color:#dbe3ef!important}.app-recovery-actions button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb29}input,select,textarea{outline:none}img{max-width:100%;display:block}.add-employee-btn,.employee-refresh-btn,.employee-search-btn,.employee-clear-btn,.employee-filter-btn,.employee-filter-active,.view-btn,.id-card-btn,.edit-btn,.deactivate-btn,.activate-btn,.delete-btn,.id-card-action-btn,.employee-id-secondary,.employee-id-print,.employee-id-download,.save-employee-btn,.cancel-form-btn{transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.add-employee-btn:after,.employee-refresh-btn:after,.employee-search-btn:after,.employee-filter-active:after,.view-btn:after,.id-card-btn:after,.edit-btn:after,.deactivate-btn:after,.activate-btn:after,.id-card-action-btn:after,.employee-id-print:after,.employee-id-download:after,.save-employee-btn:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff29,#0000);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.add-employee-btn:hover:after,.employee-refresh-btn:hover:after,.employee-search-btn:hover:after,.employee-filter-active:hover:after,.view-btn:hover:after,.id-card-btn:hover:after,.edit-btn:hover:after,.deactivate-btn:hover:after,.activate-btn:hover:after,.id-card-action-btn:hover:after,.employee-id-print:hover:after,.employee-id-download:hover:after,.save-employee-btn:hover:after{transform:translate(120%)}.dashboard{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#14b8a60d,#0000 28%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);display:flex}.sidebar{z-index:1000;color:#fff;background:linear-gradient(#0f172a 0%,#111c31 48%,#0b1324 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #0f172a21}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a624,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;left:-100px}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb1f,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-120px;right:-130px}.sidebar-logo{z-index:2;border-bottom:1px solid #ffffff14;flex-direction:column;justify-content:center;min-height:88px;padding:18px 20px;display:flex;position:relative}.sidebar-logo h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:21px;font-weight:900;line-height:1.2}.sidebar-logo span{color:#94a3b8;margin-top:5px;font-size:12px;font-weight:600;display:block}.sidebar-logo strong{color:#5eead4;margin-top:4px;font-size:11px;font-weight:800;display:block}.sidebar-menu{z-index:2;scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;flex:1;padding:18px 14px;position:relative;overflow:hidden auto}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:20px}.sidebar-section{margin-bottom:15px}.sidebar-section-title{color:#64748b;letter-spacing:1.2px;text-transform:uppercase;padding:8px 10px 7px;font-size:9px;font-weight:900}.menu-item{color:#cbd5e1;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;width:100%;min-height:47px;margin-bottom:5px;padding:9px 11px;font-size:13px;font-weight:700;transition:background .18s,color .18s,transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.menu-item:before{content:"";background:#2dd4bf;border-radius:0 6px 6px 0;width:3px;transition:transform .18s;position:absolute;top:7px;bottom:7px;left:-1px;transform:scaleY(0)}.menu-item:hover{color:#fff;background:linear-gradient(90deg,#14b8a626,#14b8a60b);border-color:#2dd4bf1f;transform:translate(2px);box-shadow:0 7px 18px #02061724}.menu-item:hover:before,.menu-item.active:before{transform:scaleY(1)}.menu-item.active{color:#fff;background:linear-gradient(90deg,#14b8a638,#14b8a60f);border-color:#2dd4bf2e;font-weight:800;box-shadow:0 7px 20px #02061729}.logout-button{z-index:3;color:#fca5a5;background:#dc262612;border:1px solid #f8717129;border-radius:10px;flex-shrink:0;min-height:46px;margin:14px;padding:11px 15px;font-size:14px;font-weight:800;transition:all .2s;position:relative}.logout-button:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 8px 18px #dc262638}.dashboard-main{width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:0 32px 45px}.dashboard-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;min-height:90px;margin:0 -32px;padding:0 32px;display:flex;box-shadow:0 2px 8px #0f172a08}.dashboard-header h1{color:var(--dark);margin:0;font-size:27px;font-weight:800;line-height:1.2}.dashboard-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.dashboard-developed-by{color:var(--muted-light);margin-top:6px;font-size:9px;font-weight:700;display:block}.user-area{align-items:center;gap:12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:flex;box-shadow:0 5px 14px #2563eb38}.user-info{flex-direction:column;display:flex}.user-info strong{color:var(--dark);font-size:14px;font-weight:800}.user-info span{color:var(--muted);margin-top:2px;font-size:12px}.welcome-card{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 55%,#1e40af 100%);border-radius:16px;margin-top:28px;padding:28px;position:relative;overflow:hidden;box-shadow:0 12px 28px #2563eb2e}.welcome-card:before,.welcome-card:after{content:"";background:#ffffff0f;border-radius:50%;position:absolute}.welcome-card:before{width:230px;height:230px;top:-100px;right:-70px}.welcome-card:after{background:#ffffff08;width:180px;height:180px;bottom:-115px;right:190px}.welcome-card h2,.welcome-card p{z-index:2;position:relative}.welcome-card h2{margin:0;font-size:25px;font-weight:800;line-height:1.3}.welcome-card p{color:#dbeafe;margin:9px 0 0;font-size:15px}.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:25px;display:grid}.stat-card{border:1px solid var(--border);min-height:110px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:21px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#2563eb2e;transform:translateY(-3px)}.stat-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.stat-card span{color:var(--muted);font-size:13px;font-weight:700;display:block}.stat-card h2{color:var(--dark);margin:5px 0 0;font-size:23px;font-weight:800}.stat-card small{color:var(--muted-light);margin-top:3px;font-size:10px;display:block}.dashboard-section{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;margin-top:26px;padding:24px}.section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-header h2{color:var(--dark);margin:0;font-size:20px;font-weight:800}.section-header p{color:var(--muted);margin:5px 0 0;font-size:12px}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.quick-actions button{border:1px solid var(--border);text-align:left;min-height:138px;box-shadow:var(--shadow-xs);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:14px;flex-direction:column;justify-content:center;padding:19px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.quick-actions button:before{content:"";background:linear-gradient(90deg, var(--teal), #14b8a6, var(--primary));transform-origin:0;width:100%;height:3px;transition:transform .25s;position:absolute;top:0;left:0;transform:scaleX(0)}.quick-actions button:hover{border-color:#2563eb33;transform:translateY(-5px);box-shadow:0 13px 30px #0f766e21}.quick-actions button:hover:before{transform:scaleX(1)}.quick-actions button span{background:linear-gradient(135deg,#ecfeff,#dbeafe);border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:11px;font-size:20px;transition:transform .2s;display:flex}.quick-actions button:hover span{transform:scale(1.08)rotate(-3deg)}.quick-actions button strong{color:var(--dark);font-size:13px;font-weight:900;display:block}.quick-actions button small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.empty-activity{text-align:center;border:1px dashed var(--border-dark);background:var(--bg-light);border-radius:12px;padding:45px}.empty-icon{font-size:40px}.empty-activity h3{color:#334155;margin:12px 0 6px;font-size:17px}.empty-activity p{color:var(--muted);margin:0;font-size:14px}.staff-page,.employees-page,.fuel-page,.inventory-page,.reports-page,.settings-page{background:radial-gradient(circle at 0 0,#0f766e09,#0000 30%),linear-gradient(#f8fafc,#f1f5f9);width:100%;min-height:100vh;padding:30px}.staff-header,.employees-header,.fuel-header,.inventory-header,.reports-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.staff-title-row{align-items:center;gap:16px;display:flex}.staff-title-icon{width:58px;height:58px;color:var(--primary);background:linear-gradient(135deg,#eaf1ff,#dbeafe);border-radius:15px;justify-content:center;align-items:center;font-size:27px;display:flex}.staff-header h1,.employees-header h1,.fuel-header h1,.inventory-header h1,.reports-header h1,.settings-header h1{color:var(--dark);margin:0;font-size:29px;font-weight:800}.staff-header p,.employees-header p,.fuel-header p,.inventory-header p,.reports-header p,.settings-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.staff-create-btn,.add-employee-btn,.inventory-add-btn{border:1px solid var(--primary);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:10px;min-height:46px;padding:0 20px;font-size:14px;font-weight:800;box-shadow:0 7px 17px #2563eb2e}.staff-create-btn:hover,.add-employee-btn:hover,.inventory-add-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px #2563eb3d}.staff-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.staff-summary-card{border:1px solid var(--border);min-height:105px;box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fff,#f8fafc);border-radius:14px;align-items:center;gap:15px;padding:19px;transition:all .18s;display:flex}.staff-summary-card:hover{box-shadow:var(--shadow-md);border-color:#2563eb29;transform:translateY(-3px)}.staff-summary-icon{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.staff-table-card,.employee-table-container,.transactions-table-card,.report-table-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;overflow:hidden}.staff-table-wrapper,.employee-table-container,.transactions-table-card,.report-table-card{scrollbar-width:thin;overflow-x:auto}.staff-table,.employee-table,.transactions-table,.report-table{border-collapse:collapse;width:100%}.staff-table{min-width:1200px}.employee-table{min-width:1120px}.transactions-table{min-width:1000px}.staff-table th,.employee-table th,.transactions-table th,.report-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;background:linear-gradient(#f8fafc,#f1f5f9);padding:14px 16px;font-size:10px;font-weight:850}.staff-table td,.employee-table td,.transactions-table td,.report-table td{color:var(--text-light);vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 16px;font-size:12px}.staff-table tbody tr:hover,.employee-table tbody tr:hover,.transactions-table tbody tr:hover,.report-table tbody tr:hover{background:linear-gradient(90deg,#f8fffe,#f8fbff)}.employees-page{background:radial-gradient(circle at 0 0,#14b8a60b,#0000 28%),radial-gradient(circle at 100% 0,#2563eb0b,#0000 25%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh}.employees-header-content{min-width:0}.employees-eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;align-items:center;font-size:9px;font-weight:900;display:inline-flex}.employees-eyebrow:before{content:"";background:linear-gradient(90deg, var(--teal), #38bdf8);border-radius:999px;width:18px;height:2px;margin-right:8px}.employees-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.employee-refresh-btn{border:1px solid var(--border-dark);min-height:43px;color:var(--text);background:#fff;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:800}.employee-refresh-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:#94a3b8;transform:translateY(-1px)}.employee-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.employee-stat-card{border:1px solid var(--border);min-height:100px;box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#fff,#fbfdff);border-radius:15px;align-items:center;gap:13px;padding:16px 17px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.employee-stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f766e14,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-35px;right:-35px}.employee-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-stat-card>div:last-child{z-index:2;flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.employee-stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.employee-stat-card strong{color:var(--dark);font-size:22px;font-weight:900}.employee-stat-icon{z-index:2;border-radius:13px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;font-size:17px;font-weight:900;display:flex;position:relative}.employee-stat-icon.blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.employee-stat-icon.green{color:#15803d;background:linear-gradient(135deg,#dcfce7,#f0fdf4)}.employee-stat-icon.red{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fef2f2)}.employee-stat-icon.purple{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#f5f3ff)}.employee-message{box-shadow:var(--shadow-xs);border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:11px;margin-bottom:17px;padding:13px 15px;display:flex}.employee-message>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.employee-message strong{font-size:12px;font-weight:850}.employee-message span{overflow-wrap:anywhere;font-size:12px;line-height:1.5}.employee-message button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:18px}.employee-message button:hover{background:#0f172a0d}.employee-message.error-message{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fef2f2);border-color:#fecaca}.employee-message.success-message{color:#166534;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0}.employee-message-icon{background:#ffffffbf;border-radius:9px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:flex}.employee-search-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:15px;grid-template-columns:minmax(280px,1fr) auto auto auto auto;align-items:center;gap:9px;margin-bottom:18px;padding:14px;display:grid}.employee-search-wrapper{min-width:0;position:relative}.employee-search-wrapper>span{color:var(--muted-light);pointer-events:none;font-size:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.employee-search-wrapper input{border:1px solid var(--border-dark);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:10px;padding:9px 12px 9px 37px;font-size:12px}.employee-search-wrapper input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e17}.employee-search-btn,.employee-clear-btn,.employee-filter-btn,.employee-filter-active{border:1px solid var(--border-dark);white-space:nowrap;border-radius:10px;min-height:42px;padding:9px 14px;font-size:11px;font-weight:850}.employee-search-btn{color:#fff;border-color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:0 5px 14px #2563eb26}.employee-search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2563eb38}.employee-clear-btn,.employee-filter-btn{color:var(--text);background:#fff}.employee-clear-btn:hover,.employee-filter-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.employee-filter-active{color:#fff;border-color:var(--teal);background:linear-gradient(135deg, var(--teal), var(--teal-dark))}.employee-result-count{border:1px solid var(--border);min-height:42px;color:var(--muted);white-space:nowrap;background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.employee-result-count strong{color:var(--dark);margin-right:4px}.employee-table-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:17px;overflow:hidden}.employee-table-header{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#fbfdff);justify-content:space-between;align-items:center;gap:18px;padding:19px 21px;display:flex}.employee-table-header h2{color:var(--dark);margin:4px 0;font-size:18px;font-weight:900}.employee-table-header p{color:var(--muted);margin:0;font-size:11px}.employee-table-count{border:1px solid var(--border);min-width:max-content;color:var(--muted);background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.employee-table-container{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow:auto hidden}.employee-table-container::-webkit-scrollbar{height:8px}.employee-table-container::-webkit-scrollbar-track{background:#f1f5f9}.employee-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.employee-table{border-collapse:separate;border-spacing:0;min-width:1120px}.employee-table th{z-index:3;position:sticky;top:0}.employee-table td{white-space:nowrap}.employee-photo,.employee-photo-placeholder{object-fit:cover;border-radius:11px;flex:0 0 38px;width:38px;height:38px}.employee-photo{background:#f8fafc;border:2px solid #e2e8f0}.employee-photo-placeholder{color:#0f766e;background:linear-gradient(135deg,#ccfbf1,#dbeafe);justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.employee-number-cell,.employee-name-cell{flex-direction:column;gap:2px;display:flex}.employee-number-cell strong{color:#0f766e;letter-spacing:.02em;font-size:12px;font-weight:900}.employee-number-cell small,.employee-name-cell small{color:var(--muted-light);font-size:9px}.employee-name-cell strong{color:var(--dark);font-size:12px;font-weight:850}.employee-department-badge{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#f0fdfa);border:1px solid #dbeafe;border-radius:999px;align-items:center;width:max-content;min-height:25px;padding:5px 8px;font-size:9px;font-weight:850;display:inline-flex}.employee-status{border-radius:999px;align-items:center;width:max-content;min-height:25px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.employee-status.active{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.employee-status.inactive{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.employee-actions{align-items:center;gap:5px;min-width:max-content;display:flex}.employee-actions button{white-space:nowrap;border:1px solid #0000;border-radius:8px;min-height:30px;padding:6px 9px;font-size:9px;font-weight:850}.view-btn{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.view-btn:hover:not(:disabled){background:#dbeafe;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb1a}.id-card-btn{color:#075985;background:linear-gradient(135deg,#ecfeff,#e0f2fe);border-color:#bae6fd}.id-card-btn:hover:not(:disabled){background:#cffafe;transform:translateY(-1px);box-shadow:0 4px 10px #0891b21f}.edit-btn{color:#0f766e;background:#f0fdfa;border-color:#99f6e4}.edit-btn:hover:not(:disabled){background:#ccfbf1;transform:translateY(-1px);box-shadow:0 4px 10px #0f766e1a}.deactivate-btn{color:#b45309;background:#fff7ed;border-color:#fed7aa}.deactivate-btn:hover:not(:disabled){background:#ffedd5;transform:translateY(-1px)}.activate-btn{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.activate-btn:hover:not(:disabled){background:#dcfce7;transform:translateY(-1px)}.delete-btn{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.delete-btn:hover:not(:disabled){background:#fee2e2;transform:translateY(-1px)}.employee-count{border-top:1px solid var(--border);color:var(--muted);background:#fbfdff;padding:11px 17px;font-size:10px;font-weight:700}.employee-count strong{color:var(--dark);font-weight:900}.employee-loading-card,.employee-empty-state{text-align:center;border:1px solid var(--border);min-height:280px;box-shadow:var(--shadow-sm);background:#fffffff5;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;padding:45px 20px;display:flex}.employee-spinner{border:4px solid #dbeafe;border-top-color:var(--primary);border-right-color:var(--teal);border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite employeeSpin}@keyframes employeeSpin{to{transform:rotate(360deg)}}.employee-loading-card span{color:var(--muted);font-size:12px}.employee-empty-icon{border:1px solid var(--border);background:linear-gradient(135deg,#f1f5f9,#f8fafc);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:13px;font-size:27px;display:flex}.employee-empty-state h3{color:var(--dark);margin:0 0 6px;font-size:18px;font-weight:900}.employee-empty-state p{max-width:480px;color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.employee-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#020817a6;justify-content:center;align-items:flex-start;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-modal{width:min(960px,100%);max-height:calc(100vh - 44px);box-shadow:var(--shadow-xl);background:#fffffffa;border:1px solid #ffffffa6;border-radius:22px;flex-direction:column;margin:auto 0;display:flex;position:relative;overflow:hidden}.employee-form-modal{max-width:920px}.employee-details-modal{max-width:980px}.employee-modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fff,#f8fbff);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 24px;display:flex}.employee-modal-header h2{color:var(--dark);letter-spacing:-.025em;margin:5px 0;font-size:22px;font-weight:900}.employee-modal-header p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.close-modal{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;transition:var(--transition);background:#fff;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;font-size:22px;display:flex}.close-modal:hover{color:var(--red-dark);background:#fef2f2;border-color:#fecaca;transform:rotate(4deg)}.employee-form{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.employee-form::-webkit-scrollbar{width:8px}.employee-form::-webkit-scrollbar-track{background:#f1f5f9}.employee-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-form-profile-preview{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f0fdfa,#eff6ff);align-items:center;gap:13px;padding:16px 21px;display:flex}.employee-form-photo{width:54px;height:54px;color:var(--teal-dark);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ccfbf1,#dbeafe);border:2px solid #fffffff2;border-radius:14px;flex:0 0 54px;justify-content:center;align-items:center;display:flex;overflow:hidden}.employee-form-photo img{object-fit:cover;width:100%;height:100%}.employee-form-photo span{font-size:15px;font-weight:900}.employee-form-profile-preview>div:last-child{flex-direction:column;gap:2px;display:flex}.employee-form-profile-preview strong{color:var(--dark);font-size:14px;font-weight:900}.employee-form-profile-preview span{color:var(--teal-dark);font-size:11px;font-weight:750}.employee-form-profile-preview small{color:var(--muted);font-size:9px}.employee-form-section{border-bottom:1px solid #eef2f7;padding:21px 24px}.employee-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.employee-section-heading h3{color:var(--dark);margin:0;font-size:14px;font-weight:900}.employee-section-heading span{min-width:27px;height:27px;color:var(--teal-dark);background:var(--teal-light);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:inline-flex}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.employee-form-grid .full{grid-column:1/-1}.form-group{min-width:0;margin-bottom:0}.form-group label{color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:10px;font-weight:850;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-dark);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:9px;padding:9px 11px;font-size:12px;transition:border-color .18s,box-shadow .18s}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f766e17}.form-group input::placeholder,.form-group textarea::placeholder{color:#a1aab8}.form-help{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5;display:block}.employee-photo-upload{border:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#fff);border-radius:13px;align-items:center;gap:16px;padding:15px;display:flex}.upload-preview{width:68px;height:68px;color:var(--teal-dark);background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex:0 0 68px;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.upload-content{flex-direction:column;gap:5px;min-width:0;display:flex}.upload-content label{color:var(--dark);font-size:12px;font-weight:850}.upload-content input{width:100%;min-height:38px;font-size:11px}.upload-content small{color:var(--muted);overflow-wrap:anywhere;font-size:9px}.employee-form-actions,.employee-modal-actions{border-top:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 21px;display:flex}.cancel-form-btn,.save-employee-btn,.id-card-action-btn{border-radius:9px;min-height:41px;padding:9px 15px;font-size:11px;font-weight:850}.cancel-form-btn{color:var(--text);border:1px solid var(--border-dark);background:#fff}.cancel-form-btn:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px)}.save-employee-btn{color:#fff;border:1px solid var(--teal);background:linear-gradient(135deg, var(--teal), #159c91);box-shadow:0 6px 16px #0f766e2b}.save-employee-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #0f766e3b}.id-card-action-btn{color:#075985;background:linear-gradient(135deg,#ecfeff,#e0f2fe);border:1px solid #bae6fd}.id-card-action-btn:hover:not(:disabled){background:#cffafe;transform:translateY(-1px)}.employee-details-content{scrollbar-width:thin;flex:auto;min-height:0;padding:22px;overflow-y:auto}.employee-details-content::-webkit-scrollbar{width:8px}.employee-details-content::-webkit-scrollbar-track{background:#f1f5f9}.employee-details-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.employee-profile{border:1px solid var(--border);background:linear-gradient(135deg,#f0fdfa,#eff6ff);border-radius:15px;align-items:center;gap:13px;margin-bottom:20px;padding:15px;display:flex}.large-profile-photo,.large-profile-placeholder{object-fit:cover;border-radius:18px;flex:0 0 76px;width:76px;height:76px}.large-profile-photo{box-shadow:var(--shadow-sm);border:3px solid #fff}.large-profile-placeholder{color:var(--teal-dark);background:linear-gradient(135deg,#ccfbf1,#dbeafe);justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.employee-profile>div:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.employee-profile h2{color:var(--dark);margin:0;font-size:19px;font-weight:900}.employee-profile p{color:var(--muted);margin:0;font-size:11px}.employee-number-pill{color:#075985;letter-spacing:.04em;background:#fff;border:1px solid #bae6fd;border-radius:999px;width:max-content;margin-top:3px;padding:4px 8px;font-size:9px;font-weight:900}.employee-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:17px;display:grid}.employee-details-grid>div{border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:11px;min-width:0;padding:12px}.employee-details-grid strong{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.employee-details-grid span{color:var(--dark);overflow-wrap:anywhere;font-size:12px;font-weight:750;line-height:1.45;display:block}.employee-notes-box{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:11px;flex-direction:column;gap:6px;padding:14px;display:flex}.employee-notes-box strong{color:#1e3a8a;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:900}.employee-notes-box span{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.employee-id-overlay{z-index:30000;-webkit-backdrop-filter:blur(10px);overscroll-behavior:contain;background:#020817c7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.employee-id-modal{background:#fffffffa;border:1px solid #ffffffb8;border-radius:21px;flex-direction:column;width:min(1050px,100%);max-height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 35px 110px #00000059}.employee-id-modal-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fff,#f8fbff);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 21px;display:flex}.employee-id-modal-header h2{color:var(--dark);margin:4px 0;font-size:21px;font-weight:900}.employee-id-modal-header p{color:var(--muted);margin:0;font-size:11px}.employee-id-close{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);cursor:pointer;transition:var(--transition);background:#fff;border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;font-size:21px;display:flex}.employee-id-close:hover{color:var(--red-dark);background:#fef2f2;border-color:#fecaca}.employee-id-preview-area{scrollbar-width:thin;background:radial-gradient(circle at 0 0,#0ea5e914,#0000 35%),radial-gradient(circle at 100% 100%,#0f766e14,#0000 35%),#eef3f8;flex:auto;min-height:0;padding:24px;overflow:auto}.employee-id-card-preview{isolation:isolate;color:#fff;background:linear-gradient(135deg,#082033 0%,#0b3047 47%,#0b2238 100%);border:1px solid #ffffff3d;border-radius:24px;width:760px;max-width:100%;min-height:450px;margin:0 auto;padding:22px 24px 17px;position:relative;overflow:hidden;box-shadow:0 24px 55px #0f172a47}.employee-id-card-preview:before{content:"";z-index:-1;background:radial-gradient(circle,#0ea5e933,#0000 68%);border-radius:50%;width:310px;height:310px;position:absolute;top:-140px;right:-130px}.employee-id-card-preview:after{content:"";z-index:-1;background:radial-gradient(circle,#14b8a629,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-135px;left:-120px}.employee-card-watermark{z-index:-1;color:#ffffff09;letter-spacing:.08em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:87px;font-weight:950;line-height:1;position:absolute;top:54%;left:53%;transform:translate(-50%,-50%)rotate(-22deg)}.employee-card-watermark-small{transform-origin:100% 100%;color:#ffffff1a;letter-spacing:.2em;white-space:nowrap;pointer-events:none;font-size:7px;font-weight:900;position:absolute;bottom:71px;right:22px;transform:rotate(-90deg)}.employee-card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;display:flex}.employee-card-brand{align-items:center;gap:11px;min-width:0;display:flex}.employee-card-logo{color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6,#0ea5e9);border:1px solid #ffffff52;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 18px #0ea5e92e}.employee-card-logo svg{width:32px;height:32px}.employee-card-brand>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-card-brand strong{color:#fff;letter-spacing:-.02em;font-size:17px;font-weight:950;line-height:1.15}.employee-card-brand span{color:#9bd9f4;letter-spacing:.15em;text-transform:uppercase;font-size:7px;font-weight:800}.employee-card-status{flex:none}.card-status-active,.card-status-inactive{letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;padding:6px 9px;font-size:8px;font-weight:900;display:inline-flex}.card-status-active{color:#86efac;background:#22c55e1f;border:1px solid #86efac47}.card-status-inactive{color:#fca5a5;background:#dc26261f;border:1px solid #fca5a547}.employee-card-body{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;padding:20px 0;display:grid}.employee-card-photo-panel{flex-direction:column;align-items:center;gap:8px;display:flex}.employee-card-photo-frame{background:linear-gradient(135deg,#2563eb,#0f766e);border:3px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:124px;height:150px;display:flex;overflow:hidden;box-shadow:0 12px 25px #0000003b}.employee-card-photo-frame img{object-fit:cover;width:100%;height:100%}.employee-card-initials{color:#fff;background:linear-gradient(135deg,#2563eb,#0f766e);justify-content:center;align-items:center;width:100%;height:100%;font-size:34px;font-weight:950;display:flex}.employee-card-photo-panel>span{color:#8dd4ef;letter-spacing:.15em;text-transform:uppercase;font-size:7px;font-weight:900}.employee-card-information{flex-direction:column;gap:12px;min-width:0;display:flex}.employee-card-main-field,.employee-card-id-field{flex-direction:column;gap:3px;display:flex}.employee-card-main-field span,.employee-card-id-field span,.employee-card-info-grid span,.employee-card-footer span{color:#86b6d7;letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:900}.employee-card-main-field strong{color:#fff;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:23px;font-weight:950;line-height:1.1}.employee-card-id-field{background:#0891b212;border:1px solid #67e8f92e;border-radius:11px;padding:9px 11px}.employee-card-id-field strong{color:#67e8f9;letter-spacing:.05em;overflow-wrap:anywhere;font-size:17px;font-weight:950}.employee-card-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.employee-card-info-grid>div{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-card-info-grid strong{color:#fff;overflow-wrap:anywhere;font-size:11px;font-weight:800;line-height:1.35}.employee-card-footer{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:13px 0;display:grid}.employee-card-footer>div{flex-direction:column;gap:3px;min-width:0;display:flex}.employee-card-footer strong{color:#fff;overflow-wrap:anywhere;font-size:9px;font-weight:800}.employee-card-security-strip{background:#ffffff0e;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;display:flex}.employee-card-security-strip span{color:#7ca8c3;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:6px;font-weight:900}.employee-id-actions{border-top:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:13px 17px;display:flex}.employee-id-secondary,.employee-id-print,.employee-id-download{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:8px 13px;font-size:10px;font-weight:850;display:inline-flex}.employee-id-secondary{color:var(--text);border:1px solid var(--border-dark);background:#fff}.employee-id-secondary:hover{background:#f8fafc;transform:translateY(-1px)}.employee-id-print{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.employee-id-print:hover{transform:translateY(-1px);box-shadow:0 7px 16px #2563eb1f}.employee-id-download{color:#fff;border:1px solid var(--teal);background:linear-gradient(135deg, var(--teal), #159c91);box-shadow:0 6px 16px #0f766e29}.employee-id-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #0f766e38}.login-container{isolation:isolate;background:radial-gradient(circle at 8% 12%,#1de0c929,#0000 26rem),radial-gradient(circle at 92% 12%,#4f46e538,#0000 29rem),radial-gradient(circle at 78% 92%,#d340ff24,#0000 25rem),linear-gradient(135deg,#070b24 0%,#121338 42%,#201659 100%);place-items:center;width:100%;min-height:100vh;padding:clamp(16px,3vw,38px);display:grid;position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";z-index:-1;pointer-events:none;filter:blur(10px);border-radius:999px;position:absolute}.login-container:before{background:radial-gradient(circle,#1fd3ff2b,#0000 68%);border:1px solid #36ddff29;width:430px;height:430px;top:-245px;left:-155px}.login-container:after{background:radial-gradient(circle,#b83aff2b,#0000 68%);border:1px solid #bc48ff24;width:520px;height:520px;bottom:-290px;right:-270px}.login-shell{z-index:2;-webkit-backdrop-filter:blur(18px);background:#0a0e31db;border:1px solid #a6b8ff33;border-radius:30px;grid-template-columns:minmax(340px,.82fr) minmax(500px,1.28fr);width:min(1180px,100%);min-height:min(700px,100vh - 70px);animation:.48s cubic-bezier(.2,.75,.25,1) loginShellIn;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 110px #02051894,inset 0 0 0 1px #ffffff06}@keyframes loginShellIn{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{z-index:3;width:100%;min-width:0;max-width:none;box-shadow:none;color:#fff;-webkit-backdrop-filter:none;background:linear-gradient(#0f143ff7,#0a0f32fa);border:0;border-right:1px solid #899fe626;border-radius:0;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px);animation:none;display:flex;position:relative}.login-card:before{content:"";background:linear-gradient(90deg,#15d6c7,#286bff,#bb3dff);border-radius:0;width:100%;height:4px;position:absolute;top:0;left:0;box-shadow:0 0 26px #327aff73}.login-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22ddc51c,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;bottom:-150px;left:-145px}.login-brand-row{z-index:2;align-items:center;gap:15px;margin-bottom:22px;display:flex;position:relative}.login-header{text-align:left;margin:0}.login-brand-row .logo,.login-header .logo{color:#fff;background:linear-gradient(145deg,#22d3ee33,#4643e647),#15245a;border:1px solid #51e5ff47;border-radius:18px;flex:0 0 62px;place-items:center;width:62px;height:62px;margin:0;font-size:29px;display:grid;box-shadow:0 14px 34px #00000047,0 0 30px #2dceff1f}.login-brand-copy{min-width:0}.login-brand-kicker{color:#69e9ff;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.login-brand-copy h1,.login-header h1{color:#fff;letter-spacing:-.035em;margin:0;font-size:clamp(27px,3.1vw,38px);font-weight:900;line-height:1.08}.login-brand-copy p,.login-header p{color:#aab6de;margin:7px 0 0;font-size:12px;font-weight:600;line-height:1.55}.login-security-pill{color:#9eb1dd;letter-spacing:.04em;text-transform:uppercase;background:#314b9029;border:1px solid #5de2ff24;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 0 24px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.login-security-dot{background:#25dfb5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #25dfb517,0 0 12px #25dfb57a}.login-card form{z-index:2;width:100%;position:relative}.login-card .form-group label{color:#dbe5ff;letter-spacing:.015em;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.login-field-shell{width:100%;position:relative}.login-field-icon{z-index:2;color:#8da0d2;pointer-events:none;place-items:center;font-size:14px;line-height:1;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-card .form-group input{color:#f8fbff;background:linear-gradient(#151d4cc7,#0f173fe6);border:1px solid #8ba0dd3d;border-radius:12px;outline:none;width:100%;height:50px;min-height:50px;padding:0 14px 0 42px;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.login-card .form-group input::placeholder{color:#6f7fab}.login-card .form-group input:focus{background:#141d4cfa;border-color:#3fc7ffb8;box-shadow:0 0 0 4px #3089ff1a,0 0 24px #2faeff14}.password-container{width:100%;position:relative}.show-password{z-index:3;color:#6fe6ff;background:#4a72d61f;border:0;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:850;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.show-password:hover{color:#fff;background:#447eff33}.forgot-password{text-align:right;margin:-2px 0 18px}.forgot-password button{color:#76dff4;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.forgot-password button:hover{color:#fff;text-decoration:underline}.login-button{color:#fff;letter-spacing:.02em;background:linear-gradient(105deg,#00c9c0 0%,#2667ff 46%,#7838f5 100%);border:1px solid #3bb7ff47;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;font-size:12px;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #2762f447,0 0 25px #2bd1ff1f}.login-button:before{content:"";background:linear-gradient(115deg,#0000 25%,#ffffff2e,#0000 72%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.login-button:hover:not(:disabled):before{transform:translate(120%)}.login-button>span{z-index:1;position:relative}.login-button-arrow{font-size:17px;line-height:1}.login-footer{z-index:2;text-align:center;border-top:1px solid #8c9ed51f;margin-top:24px;padding-top:17px;position:relative}.login-footer p{color:#cbd7f8;margin:0;font-size:9px;font-weight:800}.login-footer small{color:#7181ad;margin-top:4px;font-size:8px;font-weight:600;display:block}.login-footer:after{content:"Powered by Jacked Business & ICT Center • 0794683727";color:#61719d;margin-top:7px;font-size:7.5px;font-weight:700;display:block}.login-visual{color:#fff;background:radial-gradient(circle at 48% 35%,#18e0ff1f,#0000 17rem),radial-gradient(circle at 70% 29%,#b82eff2e,#0000 20rem),linear-gradient(145deg,#171346 0%,#171646 37%,#261757 100%);flex-direction:column;justify-content:space-between;min-width:0;min-height:620px;padding:clamp(38px,5vw,64px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";filter:blur(12px);opacity:.75;border-top:26px solid #22d8ff8c;border-right:30px solid #6c45ff75;border-radius:50%;width:460px;height:140px;position:absolute;top:24%;left:13%;transform:rotate(-18deg);box-shadow:40px 25px 35px #c530ff47}.login-visual:after{content:"";filter:blur(15px);opacity:.62;border-bottom:22px solid #d33eff80;border-radius:50%;width:350px;height:120px;position:absolute;top:30%;left:24%;transform:rotate(-14deg)}.login-visual-grid{opacity:.13;pointer-events:none;background-image:linear-gradient(#8395d433 1px,#0000 1px),linear-gradient(90deg,#8395d433 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 80%,#0000);mask-image:linear-gradient(#0000,#000 30% 80%,#0000)}.login-orb{pointer-events:none;filter:blur(3px);border-radius:50%;position:absolute}.login-orb-one{background:radial-gradient(circle,#29d2ff24,#0000 68%);width:260px;height:260px;top:-105px;right:-70px}.login-orb-two{background:radial-gradient(circle,#b83fff2b,#0000 68%);width:300px;height:300px;bottom:-130px;left:-140px}.login-visual-copy{z-index:5;text-align:right;width:min(560px,92%);margin-left:auto;position:relative}.login-visual-chip{color:#b8c9ef;letter-spacing:.12em;background:#18235861;border:1px solid #6de1ff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:8.5px;font-weight:900;display:inline-flex}.login-visual-chip>span{background:#30e0b8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #30e0b8b8}.login-visual-copy h2{color:#fff;letter-spacing:-.055em;text-shadow:0 10px 35px #00000038;margin:22px 0 0;font-size:clamp(46px,6vw,76px);font-weight:900;line-height:.95}.login-visual-copy h2 span{color:#4ee4ff;text-shadow:0 0 25px #4ee4ff80}.login-visual-copy p{color:#aab7df;width:min(440px,100%);margin:18px 0 0 auto;font-size:12px;font-weight:600;line-height:1.7}.login-visual-tags{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:18px;display:flex}.login-visual-tags span{color:#9fafda;text-transform:uppercase;letter-spacing:.08em;background:#121a485c;border:1px solid #7391e229;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.login-fueling-art{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;height:min(55%,400px);display:flex;position:absolute;bottom:22px;left:1%;right:1%}.login-fueling-art svg{filter:drop-shadow(0 24px 38px #03071e75);width:min(760px,100%);height:auto;max-height:100%;overflow:visible}.login-visual-footer{z-index:5;color:#6576a7;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:15px;margin-top:auto;padding-top:350px;font-size:7.5px;font-weight:800;display:flex;position:relative}.login-card .success-message,.login-card .error-message{border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:10px;font-weight:750;line-height:1.45}.login-card .success-message{color:#a7f3d0;background:#065f463d;border:1px solid #34d39938}.login-card .error-message{color:#fecaca;background:#7f1d1d40;border:1px solid #f8717138}.login-attempt-warning{color:#fffbeb;background:linear-gradient(135deg,#a1620770,#92400e4a);border:1px solid #fbbf2473;border-radius:10px;align-items:flex-start;gap:9px;margin:-4px 0 14px;padding:11px 12px;animation:.22s ease-out login-attempt-slide-in;display:flex;box-shadow:0 8px 18px #4220042e}.login-attempt-warning>span{font-size:16px;line-height:1}.login-attempt-warning strong,.login-attempt-warning small{display:block}.login-attempt-warning strong{color:#fef3c7;letter-spacing:.01em;font-size:11px}.login-attempt-warning small{color:#fde68a;margin-top:3px;font-size:9px;line-height:1.45}@keyframes login-attempt-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-lockout-countdown{color:#fef3c7;background:#92400e47;border:1px solid #fbbf2459;border-radius:10px;align-items:flex-start;gap:9px;margin:-4px 0 14px;padding:11px 12px;display:flex}.login-lockout-countdown>span{font-size:16px;line-height:1}.login-lockout-countdown strong,.login-lockout-countdown small{display:block}.login-lockout-countdown strong{letter-spacing:.01em;font-size:11px}.login-lockout-countdown small{color:#fde68a;margin-top:3px;font-size:9px;line-height:1.45}.forgot-password-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.forgot-password-modal{text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #7b97ef2e;border-radius:20px;width:min(100%,410px);padding:29px 27px 23px;position:relative;box-shadow:0 35px 100px #0006}.forgot-password-modal:before{content:"";background:linear-gradient(90deg,#15d6c7,#286bff,#bb3dff);border-radius:20px 20px 0 0;width:100%;height:4px;position:absolute;top:0;left:0}.forgot-password-icon{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:17px;place-items:center;width:66px;height:66px;margin:2px auto 15px;font-size:29px;display:grid}.forgot-password-modal h2{color:var(--dark);margin:0;font-size:21px;font-weight:900;line-height:1.25}.forgot-password-modal>p{color:var(--muted);margin:9px 0 18px;font-size:11px;line-height:1.65}.forgot-password-security-box,.forgot-password-admin{text-align:left;border-radius:12px;flex-direction:column;gap:5px;padding:13px;display:flex}.forgot-password-security-box{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #bfdbfe;margin-bottom:14px}.forgot-password-security-box strong{color:#1e3a8a;font-size:11px;font-weight:900}.forgot-password-security-box span{color:#475569;font-size:10px;line-height:1.55}.forgot-password-admin{border:1px solid var(--border);background:#fff}.forgot-password-admin span{color:var(--muted);font-size:10px}.forgot-password-admin strong{color:var(--dark);font-size:11px;font-weight:800}.forgot-password-actions{justify-content:flex-end;margin-top:19px;display:flex}.forgot-password-close-btn{border:1px solid var(--border-dark);color:#334155;background:#fff;border-radius:9px;min-height:41px;padding:9px 18px;font-size:11px;font-weight:800}.forgot-password-close-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.fuel-shift-badge{color:#047857;background:#ecfdf5;border-radius:20px;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:800;display:inline-flex}.fuel-shift-badge i{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite fuelPulse;display:block}@keyframes fuelPulse{0%,to{opacity:1}50%{opacity:.35}}.pump-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.pump-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:22px;transition:transform .18s,box-shadow .18s}.pump-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.low-stock-banner{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:11px;align-items:center;gap:13px;margin-bottom:22px;padding:16px 18px;display:flex}.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.suppliers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.supplier-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;align-items:flex-start;gap:15px;padding:20px;display:flex}.report-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px;display:grid}.settings-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.settings-nav{border:1px solid var(--border);background:#fff;border-radius:13px;flex-direction:column;gap:4px;padding:12px;display:flex}.settings-nav-item{color:#475569;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:10px 13px;font-size:13px;font-weight:700;display:flex}.settings-nav-item:hover{background:#f1f5f9}.settings-nav-item.active{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.customers-alert{border-radius:14px;align-items:flex-start;gap:12px;max-width:700px;margin:35px auto;padding:17px;display:flex}.customers-alert-error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1,#94a3b8);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#94a3b8,#64748b)}@media print{html,body{width:100%;height:auto;margin:0;padding:0;background:#fff!important}body *{visibility:hidden}.employee-id-overlay,.employee-id-overlay *{visibility:visible}.employee-id-overlay{width:100%;height:auto;margin:0;padding:0;display:block;position:static;inset:auto;overflow:visible;background:#fff!important}.employee-id-modal{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;overflow:visible;background:#fff!important}.employee-id-modal-header,.employee-id-actions{display:none!important}.employee-id-preview-area{width:100%;padding:0;overflow:visible;background:#fff!important}.employee-id-card-preview{width:760px;min-width:760px;max-width:none;min-height:450px;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:24px;margin:10px auto}.employee-card-watermark,.employee-card-watermark-small,.employee-card-header,.employee-card-body,.employee-card-footer,.employee-card-security-strip{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:landscape;margin:0}}.employee-id-card-preview,.employee-card-logo,.employee-card-photo-frame,.employee-card-information,.employee-card-footer,.employee-card-security-strip{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (width<=1200px){.statistics-grid,.staff-summary,.employee-stat-grid,.quick-actions,.pump-grid,.stock-grid,.report-summary-grid{grid-template-columns:repeat(2,1fr)}.employee-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:230px}.dashboard-main{width:calc(100% - 230px);margin-left:230px;padding-left:24px;padding-right:24px}.dashboard-header{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto}.suppliers-grid{grid-template-columns:1fr}.employee-search-card{grid-template-columns:1fr 1fr}.employee-search-wrapper{grid-column:1/-1}.employee-result-count{justify-self:start}.employee-card-body{grid-template-columns:125px minmax(0,1fr);gap:18px}.employee-card-photo-frame{width:105px;height:130px}.employee-card-main-field strong{font-size:20px}}@media (width<=750px){.staff-header,.employees-header,.fuel-header,.inventory-header,.reports-header{flex-direction:column;align-items:flex-start}.employees-header-actions{justify-content:flex-start;width:100%}.staff-create-btn,.add-employee-btn,.inventory-add-btn{width:100%}.employee-refresh-btn{flex:1}.employee-stat-grid,.staff-summary,.pump-grid,.stock-grid,.report-summary-grid{grid-template-columns:1fr}.staff-modal-overlay,.employee-modal-overlay{align-items:flex-start;padding:12px}.staff-modal,.employee-modal{border-radius:15px;max-height:calc(100vh - 24px)}.employee-form-grid{grid-template-columns:1fr}.employee-form-grid .full{grid-column:auto}.employee-details-grid{grid-template-columns:1fr}.employee-id-modal{max-height:calc(100vh - 24px)}.employee-id-preview-area{padding:14px}.employee-id-card-preview{transform-origin:top;width:680px;min-width:680px;margin-bottom:-20px;transform:scale(.95)}}@media (width<=650px){.sidebar{width:100%;min-height:auto;position:relative}.dashboard{display:block}.dashboard-main{width:100%;margin-left:0;padding:0 18px 35px}.dashboard-header{min-height:80px;margin:0 -18px;padding:18px}.dashboard-header h1{font-size:22px}.user-info{display:none}.statistics-grid,.quick-actions{grid-template-columns:1fr}.welcome-card{padding:23px}.welcome-card h2{font-size:22px}.dashboard-section,.staff-page,.employees-page,.fuel-page,.inventory-page,.reports-page,.settings-page{padding:18px}.staff-header h1,.employees-header h1,.fuel-header h1,.inventory-header h1,.reports-header h1,.settings-header h1{font-size:24px}.employee-search-card{grid-template-columns:1fr}.employee-search-wrapper{grid-column:auto}.employee-search-btn,.employee-clear-btn,.employee-filter-btn,.employee-filter-active,.employee-result-count{width:100%}.employee-result-count{justify-content:center}.employee-table-header{flex-direction:column;align-items:flex-start}.employee-form-profile-preview{padding:14px 16px}.employee-form-section{padding:18px 17px}.employee-modal-header{padding:17px}.employee-modal-actions{flex-direction:column;align-items:stretch;padding:12px}.employee-modal-actions button{width:100%}.employee-profile{flex-wrap:wrap;align-items:flex-start}.employee-profile>div:nth-child(2){min-width:calc(100% - 102px)}.employee-id-overlay{padding:7px}.employee-id-modal{border-radius:15px;width:100%;max-height:calc(100vh - 14px)}.employee-id-modal-header{padding:15px}.employee-id-preview-area{padding:10px;overflow-x:auto}.employee-id-card-preview{transform-origin:top;width:620px;min-width:620px;margin-bottom:-54px;margin-left:auto;margin-right:auto;transform:scale(.88)}.employee-card-header{gap:10px}.employee-card-brand strong{font-size:14px}.employee-card-brand span{font-size:6px}.employee-card-logo{flex-basis:42px;width:42px;height:42px}.employee-card-logo svg{width:28px;height:28px}.employee-card-main-field strong{font-size:18px}.employee-card-id-field strong{font-size:14px}.employee-id-actions{flex-direction:column;align-items:stretch}.employee-id-actions button{width:100%}.settings-row{flex-direction:column;align-items:flex-start}.login-container{padding:14px}.login-card{border-radius:16px;max-width:390px;padding:27px 21px 21px}.login-header{margin-bottom:21px}.login-header .logo{width:59px;height:59px;font-size:28px}.login-header h1{font-size:24px}.forgot-password-modal-overlay{align-items:flex-start;padding:10px}.forgot-password-modal{border-radius:16px;width:100%;max-width:100%;margin-top:8vh;padding:26px 20px 21px}.forgot-password-actions,.forgot-password-close-btn{width:100%}}@media (width<=500px){html{font-size:15px}.login-card{padding:25px 18px 19px}.login-header h1{font-size:23px}.login-header p{font-size:11px}.login-button{height:47px}.forgot-password-modal{margin-top:5vh;padding:25px 18px 19px}.forgot-password-icon{width:59px;height:59px;font-size:26px}.forgot-password-modal h2{font-size:20px}.employee-form-photo-upload{flex-direction:column;align-items:flex-start}.employee-card-watermark-small{display:none}}@media (width<=380px){.login-container{padding:9px}.login-card{padding:23px 16px 18px}.login-header .logo{width:55px;height:55px;font-size:26px}.login-header h1{font-size:22px}.forgot-password-modal{padding:23px 16px 17px}.employee-id-card-preview{margin-bottom:-90px;transform:scale(.8)}}@media (hover:none){.employee-stat-card:hover,.add-employee-btn:hover,.employee-refresh-btn:hover,.view-btn:hover,.id-card-btn:hover,.edit-btn:hover,.activate-btn:hover,.deactivate-btn:hover,.delete-btn:hover,.employee-id-print:hover,.employee-id-download:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{background:#fff!important}.employees-page{background:#fff;padding:0}.employees-header,.employee-stat-grid,.employee-message,.employee-search-card,.employee-table-header,.employee-actions{display:none!important}.employee-table-card{box-shadow:none;border:0}.employee-table-container{overflow:visible}.employee-table{min-width:0}.employee-table th{position:static}body *{visibility:hidden}.employee-id-overlay,.employee-id-overlay *{visibility:visible}.employee-id-overlay{width:100%;height:auto;margin:0;padding:0;position:static;overflow:visible;background:#fff!important}.employee-id-modal{width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;overflow:visible;background:#fff!important}.employee-id-modal-header,.employee-id-actions{display:none!important}.employee-id-preview-area{width:100%;margin:0;padding:0;display:block;overflow:visible;background:#fff!important}.employee-id-card-preview{width:760px;min-width:760px;max-width:none;min-height:450px;box-shadow:none;border-radius:24px;margin:12px auto;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;transform:none!important}@page{size:landscape;margin:0}}.employee-id-card-preview,.employee-card-logo,.employee-card-photo-frame,.employee-card-information,.employee-card-footer,.employee-card-security-strip,.employee-card-watermark{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (width<=1040px){.login-shell{grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr)}.login-card{padding:38px 34px}.login-visual{min-height:600px;padding:40px 36px}.login-visual-copy h2{font-size:clamp(44px,6.5vw,64px)}.login-visual-footer{padding-top:330px}}@media (width<=860px){.login-container{min-height:100svh;padding:16px;display:block;overflow:auto}.login-shell{border-radius:24px;grid-template-columns:1fr;width:min(680px,100%);min-height:0;margin:0 auto}.login-visual{border-bottom:1px solid #899fe61f;order:1;min-height:320px;padding:30px}.login-card{border-right:0;order:2;width:100%;max-width:none;padding:34px 30px 29px}.login-visual-copy{text-align:left;width:min(390px,78%);margin-left:0}.login-visual-copy h2{margin-top:14px;font-size:46px}.login-visual-copy p{width:min(360px,100%);margin-top:10px;margin-left:0}.login-visual-tags{justify-content:flex-start;margin-top:12px}.login-fueling-art{opacity:.82;height:78%;bottom:5px;left:40%;right:-3%}.login-visual-footer{padding-top:0;display:none}.login-visual:before{top:23%;left:40%;transform:rotate(-18deg)scale(.8)}.login-visual:after{top:30%;left:47%;transform:rotate(-14deg)scale(.75)}}@media (width<=600px){.login-container{padding:10px}.login-shell{border-radius:20px}.login-visual{min-height:230px;padding:23px 21px}.login-visual-copy{width:72%}.login-visual-chip{padding:5px 8px;font-size:7px}.login-visual-copy h2{margin-top:11px;font-size:38px}.login-visual-copy p,.login-visual-tags{display:none}.login-fueling-art{height:82%;bottom:0;left:35%;right:-10%}.login-card{border-radius:0;max-width:none;padding:29px 21px 22px}.login-brand-row{align-items:flex-start;gap:12px;margin-bottom:18px}.login-brand-row .logo,.login-header .logo{border-radius:15px;flex-basis:54px;width:54px;height:54px;font-size:25px}.login-brand-copy h1,.login-header h1{font-size:26px}.login-brand-copy p,.login-header p{font-size:10px}.login-security-pill{margin-bottom:19px;font-size:8px}.login-card .form-group input{height:48px;min-height:48px}.forgot-password-modal-overlay{align-items:flex-start;padding:10px}.forgot-password-modal{width:100%;max-width:100%;margin-top:8vh;padding:26px 20px 21px}}@media (width<=390px){.login-container{padding:7px}.login-shell{border-radius:17px}.login-visual{min-height:200px;padding:19px 17px}.login-visual-copy h2{font-size:34px}.login-fueling-art{left:30%;right:-14%}.login-card{padding:25px 16px 19px}.login-brand-kicker{font-size:7.5px}.login-brand-copy h1,.login-header h1{font-size:23px}}@media (height<=720px) and (width>=861px){.login-container{padding-top:18px;padding-bottom:18px}.login-shell{min-height:620px}.login-card{padding-top:32px;padding-bottom:28px}.login-visual{min-height:620px}.login-visual-copy h2{font-size:56px}}@media (prefers-reduced-motion:reduce){.login-shell,.login-button,.login-card .form-group input{transition:none!important;animation:none!important}}.app-splash-screen{isolation:isolate;background:radial-gradient(circle at 16% 16%,#2dd4bf3d,#0000 31%),radial-gradient(circle at 84% 82%,#3b82f63d,#0000 34%),linear-gradient(135deg,#061630 0%,#0b2a54 52%,#063f54 100%)!important}.app-splash-screen:before{content:"";z-index:-3;background:linear-gradient(112deg,#0000 0 33%,#ffffff0e 42%,#0000 52%) 0 0/220% 100%,linear-gradient(#ffffff0a,#0000 30%) 0 0/100% 100%;animation:7s linear infinite app-splash-sheen;position:absolute;inset:0}.app-splash-screen:after{content:"";z-index:-2;filter:blur(4px);background:radial-gradient(circle,#22d3ee21,#0000 67%);border-radius:50%;width:min(74vw,860px);height:min(74vw,860px);animation:4.6s ease-in-out infinite alternate app-splash-breathe;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.app-splash-road-scene{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-splash-road-scene:before{content:"";transform-origin:bottom;background:linear-gradient(#0f172a29,#02061794),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 72px);border-top:1px solid #93c5fd3d;border-bottom:1px solid #02061780;height:196px;position:absolute;bottom:-24px;left:-12%;right:-12%;transform:perspective(460px)rotateX(55deg);box-shadow:0 -18px 52px #0ea5e914}.app-splash-road-lines{transform-origin:bottom;justify-content:space-around;gap:80px;animation:1.6s linear infinite app-splash-road-roll;display:flex;position:absolute;bottom:13.5%;left:-10%;right:-10%;transform:perspective(430px)rotateX(54deg)}.app-splash-road-lines span{background:linear-gradient(90deg,#0000,#e2e8f0c7,#0000);border-radius:999px;flex:none;width:clamp(54px,8vw,126px);height:5px;box-shadow:0 0 12px #7dd3fc52}.app-splash-vehicle{opacity:.56;filter:drop-shadow(0 12px 18px #0206179e);width:286px;height:112px;animation:7.2s cubic-bezier(.42,.04,.22,.96) infinite app-splash-vehicle-drive;position:absolute;bottom:16.5%;left:-350px}.app-splash-vehicle-tank{background:linear-gradient(135deg,#e2e8f0f0,#38bdf8b3 55%,#14b8a6d9);border:2px solid #bae6fdcc;border-radius:39px 30px 30px 39px;width:174px;height:63px;position:absolute;top:18px;left:11px;box-shadow:inset 0 8px 12px #fff6}.app-splash-vehicle-tank:before,.app-splash-vehicle-tank:after{content:"";background:#0f172a47;border-radius:4px;width:2px;position:absolute;top:9px;bottom:9px}.app-splash-vehicle-tank:before{left:55px}.app-splash-vehicle-tank:after{right:39px}.app-splash-vehicle-tank i{background:#0f172aad;border-radius:5px;width:30px;height:19px;position:absolute;top:21px;left:68px}.app-splash-vehicle-cab{background:linear-gradient(145deg,#2563eb,#0f766e);border:2px solid #bae6fdcc;border-radius:9px 15px 7px 4px;width:94px;height:48px;position:absolute;top:34px;right:9px}.app-splash-vehicle-cab:before{content:"";background:linear-gradient(135deg,#e0f2fef0,#7dd3fca6);border-radius:4px 6px 3px 3px;width:35px;height:20px;position:absolute;top:7px;left:10px}.app-splash-vehicle-cab:after{content:"";background:#fef08a;border-radius:50%;width:10px;height:5px;position:absolute;bottom:8px;right:6px;box-shadow:0 0 11px #fef08a}.app-splash-vehicle-wheel{background:#93c5fd;border:7px solid #0f172a;border-radius:50%;width:34px;height:34px;position:absolute;bottom:8px;box-shadow:inset 0 0 0 4px #334155,0 0 0 2px #e2e8f033}.app-splash-vehicle-wheel-one{left:44px}.app-splash-vehicle-wheel-two{right:35px}.app-splash-glow{z-index:-1;opacity:.88}.app-splash-glow-one{animation:5.8s ease-in-out infinite alternate app-splash-glow-one}.app-splash-glow-two{animation:6.6s ease-in-out infinite alternate app-splash-glow-two}.app-splash-card{z-index:2;background:linear-gradient(145deg,#ffffff36,#b4e1ff13)!important;border-color:#bfdbfe5c!important;box-shadow:0 34px 88px #02061785,inset 0 0 0 1px #ffffff0b,0 0 62px #0ea5e929!important}.app-splash-card:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);border-radius:50%;width:42%;height:220%;animation:4.5s ease-in-out infinite app-splash-card-glint;position:absolute;top:-70%;left:-34%;transform:rotate(22deg)}@keyframes app-splash-sheen{0%{background-position:145% 0,0 0}to{background-position:-75% 0,0 0}}@keyframes app-splash-breathe{0%{opacity:.55;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@keyframes app-splash-road-roll{0%{transform:perspective(430px)rotateX(54deg)translate(0)}to{transform:perspective(430px)rotateX(54deg)translate(-155px)}}@keyframes app-splash-vehicle-drive{0%{transform:translate(0)translateY(2px)}45%{transform:translate(calc(50vw + 180px))translateY(-1px)}55%{transform:translate(calc(50vw + 180px))translateY(-1px)}to{transform:translate(calc(100vw + 390px))translateY(2px)}}@keyframes app-splash-glow-one{0%{transform:translate(0,0)scale(.96)}to{transform:translate(46px,30px)scale(1.12)}}@keyframes app-splash-glow-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(-44px,-28px)scale(1.12)}}@keyframes app-splash-card-glint{0%,24%{opacity:0;transform:translate(-90px)rotate(22deg)}45%{opacity:.8}70%,to{opacity:0;transform:translate(660px)rotate(22deg)}}@media (width<=560px){.app-splash-vehicle{transform-origin:0 100%;bottom:10.5%;transform:scale(.72)}.app-splash-road-scene:before{height:156px}}@media (prefers-reduced-motion:reduce){.app-splash-screen:before,.app-splash-screen:after,.app-splash-road-lines,.app-splash-vehicle,.app-splash-glow,.app-splash-card:before{animation:none!important}.app-splash-vehicle{left:6%}}.login-container{perspective:1400px}.login-shell{border-color:#fff3;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;position:relative;transform:translateY(0)scale(1);box-shadow:0 38px 95px #0000006b,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14}.login-shell:after{content:"";border-radius:inherit;pointer-events:none;z-index:20;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 18px 34px #ffffff04}.login-shell:hover{border-color:#5b9aff57;transform:translateY(-7px)scale(1.004);box-shadow:0 52px 125px #00000080,0 0 46px #2674ff1c,0 0 0 1px #61a4ff17,inset 0 1px #ffffff1c}.login-card,.login-form-panel{position:relative}.login-form-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#2c71ff13,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-115px;right:-105px}.login-brand-row{transition:transform .25s}.login-brand-row:hover{transform:translateY(-2px)}.logo{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,filter .28s;position:relative;overflow:hidden}.logo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:42%;height:150%;transition:left .55s;position:absolute;top:-25%;left:-75%;transform:rotate(18deg)}.login-brand-row:hover .logo{filter:saturate(1.08);transform:translateY(-4px)rotate(-4deg)scale(1.055);box-shadow:0 18px 36px #2762f457,0 0 22px #27d1ff1f}.login-brand-row:hover .logo:after{left:135%}.login-security-pill{transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.login-security-pill:hover{border-color:#34d39961;transform:translateY(-2px);box-shadow:0 10px 22px #10b9811f}.login-security-dot{animation:2s ease-in-out infinite premium-login-security-pulse}@keyframes premium-login-security-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 3px #34d39914}50%{transform:scale(1.2);box-shadow:0 0 0 7px #34d3990b,0 0 14px #34d39957}}.login-field-shell{transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden}.login-field-shell:before{content:"";transform-origin:50%;pointer-events:none;z-index:4;background:linear-gradient(#1dd9cf,#2d70ff 55%,#8b46f8);border-radius:0 3px 3px 0;width:3px;transition:transform .22s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.login-field-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:36%;height:100%;transition:left .5s;position:absolute;top:0;left:-70%;transform:skew(-18deg)}.login-field-shell:hover{border-color:#64a4ff59;transform:translateY(-2px);box-shadow:0 11px 25px #02082329,0 0 0 1px #4992ff08}.login-field-shell:hover:after{left:130%}.login-field-shell:focus-within{border-color:#3e8bffb8;transform:translateY(-2px);box-shadow:0 0 0 4px #367aff1c,0 14px 30px #0208232e}.login-field-shell:focus-within:before{transform:scaleY(1)}.login-field-icon{transition:transform .22s,color .22s,opacity .22s}.login-field-shell:hover .login-field-icon,.login-field-shell:focus-within .login-field-icon{color:#68cfff;opacity:1;transform:scale(1.1)rotate(-3deg)}.show-password{transition:transform .22s,background .22s,border-color .22s,color .22s,box-shadow .22s;position:relative;overflow:hidden}.show-password:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#1e77ff,#6b4ff0);border-color:#4591ff8c;transform:translateY(-1px)scale(1.03);box-shadow:0 8px 18px #3065ee33}.forgot-password button{transition:transform .18s,color .18s;position:relative}.forgot-password button:after{content:"";background:linear-gradient(90deg,#1fd6d0,#3774ff,#8a49f4);border-radius:999px;height:2px;transition:right .24s;position:absolute;bottom:0;left:0;right:100%}.forgot-password button:hover{transform:translateY(-1px)}.forgot-password button:hover:after{right:0}.login-button{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .22s;transform:translateY(0)scale(1)}.login-button:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff6e,#0000);width:54px;height:210%;transition:left .58s;position:absolute;top:-55%;left:-95px;transform:rotate(19deg)}.login-button:hover:not(:disabled){filter:brightness(1.075)saturate(1.05);transform:translateY(-4px)scale(1.01);box-shadow:0 22px 42px #2762f463,0 0 0 5px #2d74ff12,0 0 32px #2bd1ff24}.login-button:hover:not(:disabled):after{left:calc(100% + 45px)}.login-button:active:not(:disabled){transform:translateY(-1px)scale(.985)}.login-button-arrow{transition:transform .22s,background .22s}.login-button:hover:not(:disabled) .login-button-arrow{transform:translate(5px)}.login-card .success-message,.login-card .error-message,.login-attempt-warning,.login-lockout-countdown{transition:transform .22s,box-shadow .22s,border-color .22s}.login-card .success-message:hover,.login-card .error-message:hover,.login-attempt-warning:hover,.login-lockout-countdown:hover{transform:translateY(-2px);box-shadow:0 11px 24px #00000021}.login-visual{transition:filter .3s,background .3s}.login-shell:hover .login-visual{filter:saturate(1.04)}.login-visual:before,.login-visual:after{transition:transform .7s,opacity .7s}.login-shell:hover .login-visual:before{opacity:.84;transform:rotate(-18deg)translate(-7px,7px)scale(1.035)}.login-shell:hover .login-visual:after{opacity:.72;transform:rotate(-14deg)translate(8px,-6px)scale(1.045)}.login-orb{animation:6s ease-in-out infinite premium-login-orb-float}.login-orb-two{animation-delay:-2.7s}@keyframes premium-login-orb-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-15px)scale(1.055)}}.login-visual-chip{transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.login-visual-chip:hover{background:#21317485;border-color:#59deff57;transform:translateY(-3px)scale(1.02);box-shadow:0 11px 25px #00000024}.login-fueling-art{transform-origin:bottom;transition:transform .34s cubic-bezier(.2,.8,.2,1),filter .34s}.login-fueling-art:hover{filter:brightness(1.035)saturate(1.075);transform:translateY(-8px)scale(1.018)}.login-fueling-art svg{transition:filter .3s}.login-fueling-art:hover svg{filter:drop-shadow(0 26px 28px #00000057)}.forgot-password-modal-overlay{-webkit-backdrop-filter:blur(13px)saturate(1.08);animation:.2s premium-login-overlay-in}@keyframes premium-login-overlay-in{0%{opacity:0}to{opacity:1}}.forgot-password-modal{border-color:#7e9cf340;max-height:calc(100vh - 36px);transition:transform .25s,box-shadow .25s,border-color .25s;animation:.3s cubic-bezier(.16,1,.3,1) premium-login-modal-pop;overflow:hidden auto;box-shadow:0 42px 110px #0000007a,0 0 36px #3d64ff17,inset 0 1px #fffffff2}@keyframes premium-login-modal-pop{0%{opacity:0;transform:translateY(28px)scale(.91)}to{opacity:1;transform:translateY(0)scale(1)}}.forgot-password-modal:hover{border-color:#6f95ff54;box-shadow:0 48px 125px #00000085,0 0 42px #3d64ff1c,inset 0 1px #fffffff7}.forgot-password-icon{transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,filter .26s}.forgot-password-modal:hover .forgot-password-icon{filter:saturate(1.08);transform:translateY(-5px)rotate(-4deg)scale(1.055);box-shadow:0 15px 28px #2563eb29}.forgot-password-security-box,.forgot-password-admin{transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.forgot-password-security-box:hover,.forgot-password-admin:hover{transform:translateY(-3px);box-shadow:0 11px 23px #162b5514}.forgot-password-close-btn{transition:transform .2s,box-shadow .2s,color .2s,border-color .2s,background .2s;position:relative;overflow:hidden}.forgot-password-close-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:42px;height:210%;transition:left .48s;position:absolute;top:-55%;left:-70px;transform:rotate(18deg)}.forgot-password-close-btn:hover{color:#fff;background:linear-gradient(135deg,#246cff,#6a4fea);border-color:#3d6fe9;transform:translateY(-3px)scale(1.02);box-shadow:0 13px 27px #2f63e642}.forgot-password-close-btn:hover:after{left:calc(100% + 35px)}.forgot-password-modal{scrollbar-width:thin;scrollbar-color:#92a9c9 transparent}.forgot-password-modal::-webkit-scrollbar{width:6px}.forgot-password-modal::-webkit-scrollbar-track{background:0 0}.forgot-password-modal::-webkit-scrollbar-thumb{background:linear-gradient(#9bb4d5,#7897c1);border-radius:999px}@media (width<=860px){.login-shell:hover{transform:translateY(-3px)scale(1.002)}.login-fueling-art:hover{transform:translateY(-4px)scale(1.01)}}@media (width<=560px){.login-container{perspective:none}.login-shell{box-shadow:0 24px 60px #0000005e,0 0 0 1px #ffffff0d}.login-shell:hover{transform:translateY(-2px)}.forgot-password-modal-overlay{padding:14px 9px}.forgot-password-modal{max-height:calc(100vh - 28px)}}@media (prefers-reduced-motion:reduce){.login-shell,.login-brand-row,.logo,.login-security-pill,.login-security-dot,.login-field-shell,.login-field-icon,.show-password,.forgot-password button,.login-button,.login-button-arrow,.login-visual,.login-visual:before,.login-visual:after,.login-orb,.login-visual-chip,.login-visual-tags span,.login-fueling-art,.forgot-password-modal-overlay,.forgot-password-modal,.forgot-password-icon,.forgot-password-security-box,.forgot-password-admin,.forgot-password-close-btn{transition-duration:.001ms!important;animation:none!important}}.login-form-panel{isolation:isolate;border-right:1px solid #29caff2e;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 8%,#1bcdff1a,#0000 18rem),radial-gradient(circle at 88% 92%,#395dff1c,#0000 20rem),linear-gradient(155deg,#061126 0%,#08163a 48%,#0a1232 100%)!important}.login-form-panel:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#0000 18%,#ffffff09 42%,#0000 62%),linear-gradient(#3cc2ff0a,#0000 32%);position:absolute;inset:0}.login-form-panel>*{z-index:1;position:relative}.login-form-panel.login-form-ready{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s,filter .28s}.login-form-panel.login-form-ready:hover{filter:saturate(1.04);border-color:#35daff6b;transform:translateY(-7px)scale(1.006);box-shadow:0 32px 75px #0000006b,0 0 0 1px #3ad3ff26,0 0 42px #2097ff21}.login-form-panel.login-form-active{border-color:#3ed3ff70;animation:.38s cubic-bezier(.16,.84,.34,1) ganap-login-card-pop;box-shadow:0 34px 82px #00000075,0 0 0 1px #34d3ff2b,0 0 48px #3071ff26}@keyframes ganap-login-card-pop{0%{opacity:.82;transform:translateY(8px)scale(.975)}62%{transform:translateY(-7px)scale(1.012)}to{opacity:1;transform:translateY(0)scale(1)}}.login-entry-state{align-content:center;gap:15px;min-height:220px;margin-top:18px;animation:.3s ease-out ganap-login-entry-in;display:grid}.login-open-button{color:#f8fbff;text-align:left;cursor:pointer;background:radial-gradient(circle at 0%,#1adcdf2b,#0000 45%),linear-gradient(120deg,#0d3062f0,#16225bf0 58%,#3a1e7aeb);border:1px solid #2cd0ff57;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:13px;width:100%;min-height:78px;padding:13px 15px;transition:transform .23s cubic-bezier(.2,.8,.2,1),border-color .23s,box-shadow .23s,filter .23s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000045,inset 0 1px #ffffff0e}.login-open-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff52,#0000);width:62px;height:230%;transition:left .62s;position:absolute;top:-65%;left:-90px;transform:rotate(20deg)}.login-open-button:hover{filter:brightness(1.08)saturate(1.08);border-color:#36e1ffb3;transform:translateY(-5px)scale(1.012);box-shadow:0 22px 46px #0d4bc047,0 0 0 4px #23c7ff0e,0 0 34px #2fc4ff24}.login-open-button:hover:before{left:calc(100% + 45px)}.login-open-button-icon{color:#7ae9ff;background:linear-gradient(145deg,#135bb24d,#4a39be38);border:1px solid #4fdbff4d;border-radius:13px;place-items:center;width:44px;height:44px;font-size:18px;display:grid;box-shadow:inset 0 1px #ffffff14}.login-open-button-copy{gap:3px;min-width:0;display:grid}.login-open-button-copy strong{color:#fff;letter-spacing:.01em;font-size:14px;font-weight:900}.login-open-button-copy small{color:#9eb5e2;font-size:10px;font-weight:650;line-height:1.45}.login-open-button-arrow{color:#dff8ff;background:#30aeff21;border-radius:50%;justify-self:end;place-items:center;width:29px;height:29px;font-size:17px;font-weight:900;transition:transform .22s,background .22s;display:grid}.login-open-button:hover .login-open-button-arrow{background:#5b59ff38;transform:translate(4px)}.login-entry-trust{color:#7288b9;letter-spacing:.015em;justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.login-entry-trust>span{color:#51e7cc;background:#1fd0b11a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.login-progressive-form{margin-top:16px;animation:.32s cubic-bezier(.2,.8,.2,1) ganap-login-form-in;position:relative}.login-form-intro{background:linear-gradient(120deg,#173d7c38,#3a238124);border:1px solid #4ab5ff24;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:11px 12px;display:flex}.login-form-intro>div{gap:2px;display:grid}.login-form-intro>div>span{color:#57dbf5;letter-spacing:.12em;font-size:8px;font-weight:900}.login-form-intro>div>strong{color:#e9f2ff;font-size:12px;font-weight:850}.login-form-collapse{color:#9fb2df;cursor:pointer;background:#111c4894;border:1px solid #839edc2e;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:21px;line-height:1;transition:transform .18s,color .18s,border-color .18s,background .18s;display:grid}.login-form-collapse:hover{color:#fff;background:#8e294545;border-color:#ff677d66;transform:rotate(5deg)scale(1.05)}.login-step-label{align-items:center;gap:8px;margin-bottom:7px;display:flex}.login-card .login-step-label label{margin:0}.login-step-number{color:#dff9ff;background:linear-gradient(135deg,#0a8fd9,#3656e5);border:1px solid #3dcaff4d;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-weight:900;display:grid;box-shadow:0 4px 10px #1b6fe338}.login-email-step{margin-bottom:8px!important}.login-email-step .login-field-shell input{padding-right:42px}.login-field-shell.login-field-valid input{box-shadow:0 0 0 4px #27d2a813,0 0 20px #30debb12;border-color:#2fdcaead!important}.login-field-shell.login-field-invalid input{box-shadow:0 0 0 3px #ff46640d;border-color:#ff5b727a!important}.login-email-check{z-index:4;color:#071e1a;background:#4de2bc;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;font-weight:950;animation:.22s cubic-bezier(.2,.8,.2,1) ganap-login-check-in;display:grid;position:absolute;top:50%;right:13px;transform:translateY(-50%);box-shadow:0 0 16px #4de2bc42}.login-email-helper{color:#8092bf;align-items:center;gap:6px;min-height:26px;margin-top:7px;padding:0 2px;font-size:9px;font-weight:650;line-height:1.35;transition:color .18s;display:flex}.login-email-helper>span{color:#b9c7e8;background:#8297d11f;border-radius:50%;flex:0 0 16px;place-items:center;width:16px;height:16px;font-size:8px;font-weight:900;display:grid}.login-email-helper.is-valid{color:#64dabb}.login-email-helper.is-valid>span{color:#073429;background:#4de2bc}.login-email-helper.is-invalid{color:#ff8da1}.login-email-helper.is-invalid>span{color:#fff;background:#e1405bd1}.login-progressive-fields{transform-origin:top;margin-top:4px;padding-top:6px;animation:.38s cubic-bezier(.16,.84,.34,1) ganap-login-fields-reveal}.login-progress-line{height:18px;margin:-1px 0 4px 10px;position:relative}.login-progress-line:before{content:"";background:linear-gradient(#4be1ff94,#635aff24);width:1px;position:absolute;top:0;bottom:1px;left:0}.login-progress-line>span{background:#43dcf9;border-radius:50%;width:7px;height:7px;position:absolute;bottom:0;left:-3px;box-shadow:0 0 12px #43dcf9a6}.login-button.login-button-ready{box-shadow:0 16px 34px #2762f457,0 0 32px #2bd1ff29}.login-encryption-note{color:#657aa9;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-size:8.5px;font-weight:700;display:flex}.login-encryption-note>span{color:#46d5f0}.login-visual{border-left:1px solid #7b58ff2b;background:radial-gradient(circle at 42% 28%,#15c3ff21,#0000 18rem),radial-gradient(circle at 77% 31%,#c82cff38,#0000 21rem),radial-gradient(circle at 64% 82%,#4446ff21,#0000 19rem),linear-gradient(145deg,#151243 0%,#20134d 43%,#34145e 100%)!important}.login-visual:hover{filter:saturate(1.08)brightness(1.025)}.login-visual-tags span{transition:transform .2s,color .2s,border-color .2s,background .2s,box-shadow .2s}.login-visual-tags span:hover{color:#fff;background:linear-gradient(135deg,#1474dc47,#6831be47);border-color:#5bdbff61;transform:translateY(-3px);box-shadow:0 9px 20px #060f3438}@keyframes ganap-login-entry-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ganap-login-form-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ganap-login-fields-reveal{0%{opacity:0;transform:translateY(-10px)scaleY(.92)}65%{opacity:1;transform:translateY(2px)scaleY(1.01)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes ganap-login-check-in{0%{opacity:0;transform:translateY(-50%)scale(.55)}to{opacity:1;transform:translateY(-50%)scale(1)}}@media (width<=860px){.login-form-panel.login-form-ready:hover,.login-form-panel.login-form-active{transform:none}.login-entry-state{min-height:190px}}@media (width<=560px){.login-open-button{grid-template-columns:39px minmax(0,1fr) 27px;min-height:72px;padding:11px 12px}.login-open-button-icon{border-radius:11px;width:39px;height:39px}.login-open-button-copy strong{font-size:13px}.login-open-button-copy small{font-size:9px}.login-form-intro{padding:10px}}@media (prefers-reduced-motion:reduce){.login-form-panel.login-form-active,.login-entry-state,.login-progressive-form,.login-progressive-fields,.login-email-check{animation:none!important}.login-form-panel.login-form-ready:hover,.login-open-button:hover,.login-visual-tags span:hover{transform:none!important}}.login-shell{grid-template-columns:minmax(315px,360px) minmax(0,1fr);width:min(1120px,100%);min-height:min(650px,100vh - 58px);overflow:hidden}.login-form-panel{grid-column:1;align-self:center;width:calc(100% - 30px);min-height:520px;max-height:calc(100% - 30px);margin:15px;box-shadow:0 24px 58px #00000057,inset 0 0 0 1px #ffffff06;border:1px solid #4eccff38!important;border-radius:22px!important;padding:30px 28px!important}.login-form-panel:before{border-radius:inherit}.login-form-panel:after{opacity:.72}.login-brand-row{gap:12px;margin-bottom:16px}.login-brand-row .logo,.login-header .logo{border-radius:15px;flex-basis:50px;width:50px;height:50px;font-size:23px}.login-brand-copy h1,.login-header h1{font-size:clamp(25px,2.4vw,31px)}.login-brand-copy p,.login-header p{margin-top:5px;font-size:10.5px}.login-brand-kicker{font-size:8px}.login-security-pill{margin-bottom:16px;padding:6px 9px;font-size:8px}.login-entry-state{gap:12px;min-height:165px;margin-top:8px}.login-open-button{border-radius:14px;grid-template-columns:39px minmax(0,1fr) 27px;gap:10px;min-height:66px;padding:11px 12px}.login-open-button-icon{border-radius:11px;width:39px;height:39px;font-size:16px}.login-open-button-copy strong{font-size:13px}.login-open-button-copy small{font-size:9px}.login-entry-trust{font-size:8px}.login-footer{margin-top:17px;padding-top:12px}.login-visual{isolation:isolate;grid-column:2;min-height:650px;padding:38px 42px 24px;background:radial-gradient(circle at 34% 18%,#14beff21,#0000 18rem),radial-gradient(circle at 78% 24%,#c534ff38,#0000 22rem),linear-gradient(145deg,#11113d 0%,#1c1449 44%,#34165d 100%)!important}.login-form-front-backdrop{z-index:18;-webkit-backdrop-filter:blur(2.5px);cursor:default;background:radial-gradient(circle at 24% 48%,#279dff14,#0000 24rem),#02061c8a;border:0;padding:0;animation:.22s ease-out ganap-login-front-backdrop-in;position:absolute;inset:0}.login-form-panel.login-form-active{z-index:30;scrollbar-width:thin;scrollbar-color:#4c6da8 transparent;width:min(405px,100% - 40px);min-height:0;max-height:calc(100% - 42px);margin:0;animation:.36s cubic-bezier(.16,.84,.34,1) ganap-login-front-pop;position:absolute;top:50%;left:clamp(20px,4vw,48px);overflow:hidden auto;transform:translateY(-50%);box-shadow:0 42px 100px #0000009c,0 0 0 1px #52daff21,0 0 54px #269dff33,0 0 72px #7a3eff1a;background:radial-gradient(circle at 8% 4%,#1cd5ff21,#0000 15rem),radial-gradient(circle at 92% 92%,#6a47ff29,#0000 18rem),linear-gradient(155deg,#051028fc,#081539fc 54%,#0c1233fc)!important;border:1px solid #4cdaff94!important;border-radius:22px!important;padding:25px 26px!important}.login-form-panel.login-form-active::-webkit-scrollbar{width:5px}.login-form-panel.login-form-active::-webkit-scrollbar-track{background:0 0}.login-form-panel.login-form-active::-webkit-scrollbar-thumb{background:linear-gradient(#47c8ef,#655ee8);border-radius:999px}.login-shell-form-open .login-visual-copy,.login-shell-form-open .login-visual-footer{opacity:.64}.login-progressive-form{margin-top:10px}.login-form-intro{margin-bottom:12px;padding:9px 10px}.login-card .form-group input{border-radius:11px;height:45px;min-height:45px;font-size:12px}.login-step-label{margin-bottom:6px}.login-step-number{width:19px;height:19px;font-size:8px}.login-email-helper{min-height:22px;margin-top:5px;font-size:8.5px}.login-progressive-fields{padding-top:2px}.login-progress-line{height:12px}.forgot-password{margin-bottom:13px}.login-button{height:45px}.login-encryption-note{margin-top:8px}.login-fueling-art{z-index:2;pointer-events:none;filter:none;border-radius:0 0 29px;width:100%;height:69%;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:none}.login-petrostation-image{object-fit:cover;object-position:center 58%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:saturate(1.08)contrast(1.035)brightness(.92);width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s;display:block;transform:scale(1.015)}.login-petrostation-image-shade{pointer-events:none;background:linear-gradient(#110f39f5 0%,#110f3961 17%,#0000 35%),linear-gradient(90deg,#0d113524,#0000 38%,#35135c1a),linear-gradient(#0000 69%,#05081c59);position:absolute;inset:0}.login-visual-copy{z-index:6}.login-visual-copy p{margin-top:12px}.login-visual-tags{margin-top:13px}.login-visual-footer{z-index:7;text-shadow:0 2px 10px #000000a6;margin-top:auto;padding-top:0;padding-bottom:3px}@keyframes ganap-login-front-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ganap-login-front-pop{0%{opacity:0;transform:translate(-50%,-47%)scale(.965)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=1040px) and (width>=861px){.login-shell{grid-template-columns:minmax(300px,335px) minmax(0,1fr);width:min(960px,100%)}.login-form-panel{width:calc(100% - 24px);margin:12px;padding:27px 23px!important}.login-form-panel.login-form-active{width:min(390px,100% - 48px);left:24px}.login-visual{padding:34px 32px 22px}}@media (width<=860px){.login-shell,.login-shell.login-shell-form-open{width:min(620px,100%);min-height:0;display:block;overflow:visible}.login-form-front-backdrop{display:none}.login-form-panel,.login-form-panel.login-form-active{z-index:3;width:100%;min-height:0;max-height:none;margin:0;animation:.32s cubic-bezier(.2,.8,.2,1) ganap-login-form-in;position:relative;top:auto;left:auto;overflow:visible;border-radius:24px 24px 0 0!important;padding:28px 24px!important;transform:none!important}.login-visual{border-radius:0 0 24px 24px;grid-column:auto;min-height:510px;filter:none!important;transform:none!important}.login-shell-form-open .login-visual-copy,.login-shell-form-open .login-visual-footer{opacity:1}.login-fueling-art{border-radius:0 0 24px 24px;height:67%}}@media (width<=560px){.login-container{padding:12px}.login-form-panel,.login-form-panel.login-form-active{padding:24px 18px!important}.login-brand-row .logo,.login-header .logo{flex-basis:45px;width:45px;height:45px;font-size:20px}.login-brand-copy h1,.login-header h1{font-size:24px}.login-visual{min-height:455px;padding:28px 20px 18px}.login-visual-copy h2{font-size:38px}.login-fueling-art{height:64%}}@media (prefers-reduced-motion:reduce){.login-form-front-backdrop,.login-form-panel.login-form-active,.login-petrostation-image{transition:none!important;animation:none!important}}.login-container{background:radial-gradient(circle at 8% 12%,#19c4ff1f,#0000 28rem),radial-gradient(circle at 92% 88%,#a846ff24,#0000 30rem),linear-gradient(145deg,#050916 0%,#07132d 48%,#090a22 100%)!important;place-items:center!important;min-height:100dvh!important;padding:clamp(12px,2.1vh,22px) clamp(12px,2vw,24px)!important;display:grid!important;overflow-x:hidden!important}.login-shell{background:#081229!important;border:1px solid #6bb1ff2e!important;border-radius:27px!important;grid-template-columns:minmax(315px,360px) minmax(0,1fr)!important;width:min(1120px,100%)!important;height:min(680px,100dvh - 30px)!important;min-height:min(590px,100dvh - 30px)!important;max-height:calc(100dvh - 30px)!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 38px 90px #0000007a,inset 0 0 0 1px #ffffff08,0 0 48px #236fff14!important}.login-form-panel{z-index:8;scrollbar-width:thin;scrollbar-color:#50b9eda6 transparent;position:relative;background:radial-gradient(circle at 4% 2%,#21d3ff1a,#0000 14rem),radial-gradient(circle at 96% 98%,#6f49ff1f,#0000 18rem),linear-gradient(155deg,#06112bf7,#081639fa 55%,#0a1130fa)!important;border:1px solid #47caff3d!important;border-radius:21px!important;align-self:center!important;width:calc(100% - 26px)!important;min-height:0!important;max-height:calc(100% - 26px)!important;margin:13px!important;padding:26px 24px!important;overflow:hidden auto!important;box-shadow:0 22px 54px #00000057,inset 0 1px #ffffff06!important}.login-form-panel::-webkit-scrollbar{width:5px}.login-form-panel::-webkit-scrollbar-track{background:0 0}.login-form-panel::-webkit-scrollbar-thumb{background:linear-gradient(#36c7ef,#645ee6);border-radius:999px}.login-form-panel:hover{border-color:#4cdaff75!important;box-shadow:0 28px 66px #0000006b,0 0 0 1px #41d2ff14,0 0 34px #28a0ff1a!important}.login-form-panel.login-form-active{z-index:60!important;background:radial-gradient(circle at 8% 4%,#1fd6ff26,#0000 15rem),radial-gradient(circle at 94% 94%,#7648ff2e,#0000 18rem),linear-gradient(155deg,#040f27fe,#071538fe 54%,#0b1131fe)!important;border:1px solid #4cdeffb8!important;border-radius:21px!important;width:min(390px,100% - 36px)!important;min-height:0!important;max-height:calc(100% - 34px)!important;margin:0!important;padding:23px 24px!important;position:absolute!important;top:50%!important;left:clamp(18px,3vw,42px)!important;overflow:hidden auto!important;transform:translateY(-50%)!important;box-shadow:0 44px 110px #000000ad,0 0 0 1px #52daff26,0 0 54px #269dff3d,0 0 78px #7a3eff1f!important}.login-form-front-backdrop{z-index:40!important;-webkit-backdrop-filter:blur(2px)!important;background:#02071a78!important;border:0!important;position:absolute!important;inset:0!important}.login-card .form-group{margin-bottom:11px!important}.login-card .form-group label,.login-step-label{margin-bottom:6px!important}.login-field-shell,.password-container.login-field-shell,.password-container{width:100%!important;min-width:0!important;position:relative!important}.login-card .form-group input,.password-container input{border-radius:11px!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;font-size:12px!important;line-height:1!important}.login-field-shell>input{padding-left:41px!important}.password-container input{padding-right:72px!important}.password-container .show-password,.show-password{z-index:8!important;color:#7be9ff!important;width:auto!important;min-width:51px!important;max-width:58px!important;height:29px!important;min-height:29px!important;box-shadow:none!important;white-space:nowrap!important;cursor:pointer!important;background:#2b64be29!important;border:1px solid #53cdff30!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 8px!important;font-size:9px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;position:absolute!important;inset:50% 8px auto auto!important;transform:translateY(-50%)!important}.password-container .show-password:hover,.show-password:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#18a4e14d,#5549e052)!important;border-color:#5bd6ff6b!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 5px 14px #1c84ee2e!important}.password-container .show-password:active,.show-password:active:not(:disabled){top:50%!important;transform:translateY(-50%)scale(.97)!important}.login-visual{z-index:2!important;isolation:isolate!important;background:#11113d!important;border-radius:0 27px 27px 0!important;grid-column:2!important;min-width:0!important;height:100%!important;min-height:0!important;padding:clamp(30px,4vw,48px) clamp(28px,4.5vw,54px) 24px!important;position:relative!important;overflow:hidden!important}.login-fueling-art{z-index:1!important;opacity:1!important;visibility:visible!important;border-radius:inherit!important;pointer-events:none!important;filter:none!important;width:100%!important;height:100%!important;min-height:100%!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important}.login-petrostation-image{z-index:1!important;opacity:1!important;visibility:visible!important;object-fit:cover!important;object-position:center center!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;filter:brightness(.83)contrast(1.06)saturate(1.12)!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;transition:transform .55s,filter .45s!important;display:block!important;position:absolute!important;inset:0!important;transform:scale(1.01)!important}.login-petrostation-image-shade{z-index:2!important;opacity:1!important;pointer-events:none!important;background:linear-gradient(#0c0d3075 0%,#0c0e3029 35%,#0508182b 72%,#0508187a 100%),linear-gradient(90deg,#0a0c272e,#0000 46%,#2910481f)!important;position:absolute!important;inset:0!important}.login-visual-grid{z-index:3!important;opacity:.055!important;pointer-events:none!important}.login-visual:before,.login-visual:after,.login-orb{z-index:4!important;opacity:.28!important;pointer-events:none!important}.login-visual-copy{z-index:10!important;text-shadow:0 3px 16px #000000b8!important;width:min(560px,94%)!important;margin-left:auto!important;position:relative!important}.login-visual-copy h2{font-size:clamp(40px,5vw,62px)!important}.login-visual-copy p{color:#e8efffed!important;text-shadow:0 2px 11px #000000c2!important;max-width:520px!important;margin-left:auto!important}.login-visual-tags{z-index:11!important;position:relative!important}.login-visual-tags span{-webkit-backdrop-filter:blur(8px);background:#07112e94!important;border-color:#78daff33!important;box-shadow:0 5px 14px #0000002e!important}.login-visual-footer{z-index:12!important;color:#f3f7ff!important;text-shadow:0 2px 12px #000000d9!important;margin-top:auto!important;position:relative!important}.login-shell-form-open .login-visual{filter:brightness(.84)saturate(.88)!important;transform:none!important}.login-shell-form-open .login-petrostation-image{transform:scale(1.025)!important}@media (width>=861px) and (height<=760px){.login-container{padding-top:10px!important;padding-bottom:10px!important}.login-shell{height:calc(100dvh - 20px)!important;min-height:0!important;max-height:calc(100dvh - 20px)!important}.login-form-panel{width:calc(100% - 20px)!important;max-height:calc(100% - 20px)!important;margin:10px!important;padding:21px!important}.login-form-panel.login-form-active{max-height:calc(100% - 22px)!important;padding:20px 22px!important}.login-brand-row{margin-bottom:11px!important}.login-brand-row .logo,.login-header .logo{flex-basis:44px!important;width:44px!important;height:44px!important;font-size:20px!important}.login-brand-copy h1,.login-header h1{font-size:24px!important}.login-security-pill{margin-bottom:11px!important}.login-entry-state{min-height:132px!important}.login-footer{margin-top:12px!important;padding-top:10px!important}.login-card .form-group input,.password-container input{height:42px!important;min-height:42px!important}.login-visual{padding:28px 36px 20px!important}.login-visual-copy h2{font-size:clamp(36px,4.5vw,52px)!important}}@media (width<=1040px) and (width>=861px){.login-shell{grid-template-columns:minmax(290px,330px) minmax(0,1fr)!important}.login-form-panel{width:calc(100% - 20px)!important;margin:10px!important;padding-left:20px!important;padding-right:20px!important}.login-form-panel.login-form-active{width:min(378px,100% - 40px)!important;left:20px!important}.login-visual{padding:30px 28px 20px!important}}@media (width<=860px){.login-container{min-height:100dvh!important;padding:12px!important;display:block!important;overflow-y:auto!important}.login-shell,.login-shell.login-shell-form-open{border-radius:23px!important;flex-direction:column!important;width:min(620px,100%)!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;display:flex!important;overflow:hidden!important}.login-form-front-backdrop{display:none!important}.login-form-panel,.login-form-panel.login-form-active{z-index:10!important;border-radius:23px 23px 0 0!important;width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:25px 22px!important;position:relative!important;top:auto!important;left:auto!important;overflow:visible!important;transform:none!important}.login-visual,.login-shell-form-open .login-visual{z-index:2!important;filter:none!important;border-radius:0 0 23px 23px!important;grid-column:auto!important;width:100%!important;height:clamp(390px,68vw,520px)!important;min-height:390px!important;padding:26px 22px 18px!important;position:relative!important;transform:none!important}.login-fueling-art{border-radius:inherit!important;width:100%!important;height:100%!important;min-height:100%!important;inset:0!important}.login-petrostation-image{object-fit:cover!important;object-position:center center!important}.login-visual-copy{text-align:left!important;width:100%!important;margin:0!important}.login-visual-copy p{margin-left:0!important}.login-visual-copy h2{font-size:clamp(34px,9vw,48px)!important}.login-visual-tags{flex-wrap:wrap!important;justify-content:flex-start!important}.login-shell-form-open .login-visual-copy,.login-shell-form-open .login-visual-footer{opacity:1!important}}@media (width<=560px){.login-container{padding:8px!important}.login-shell,.login-shell.login-shell-form-open{border-radius:19px!important}.login-form-panel,.login-form-panel.login-form-active{border-radius:19px 19px 0 0!important;padding:22px 17px!important}.login-brand-row .logo,.login-header .logo{flex-basis:43px!important;width:43px!important;height:43px!important;font-size:19px!important}.login-brand-copy h1,.login-header h1{font-size:23px!important}.login-card .form-group input,.password-container input{height:43px!important;min-height:43px!important;font-size:11.5px!important}.password-container input{padding-right:67px!important}.password-container .show-password,.show-password{min-width:48px!important;max-width:53px!important;height:28px!important;min-height:28px!important;padding:0 7px!important;font-size:8.5px!important;right:7px!important}.login-visual,.login-shell-form-open .login-visual{border-radius:0 0 19px 19px!important;height:385px!important;min-height:385px!important;padding:23px 17px 15px!important}.login-visual-copy h2{font-size:34px!important}.login-visual-copy p{font-size:10px!important}.login-visual-tags{gap:6px!important}.login-visual-tags span{padding:5px 8px!important;font-size:8px!important}}@media (width<=390px){.login-form-panel,.login-form-panel.login-form-active{padding-left:14px!important;padding-right:14px!important}.login-visual,.login-shell-form-open .login-visual{height:350px!important;min-height:350px!important}.login-visual-copy h2{font-size:30px!important}}@media (prefers-reduced-motion:reduce){.login-shell,.login-form-panel,.login-form-panel.login-form-active,.login-petrostation-image,.show-password{transition:none!important;animation:none!important}}.login-visual,.login-shell-form-open .login-visual{isolation:isolate!important;background-color:#10143a!important;background-image:linear-gradient(#070c2247 0%,#090b251a 48%,#05081a6b 100%),url(/ganaps.png)!important;background-position:50%,50%!important;background-repeat:no-repeat,no-repeat!important;background-size:cover,cover!important;position:relative!important;overflow:hidden!important}.login-fueling-art{z-index:1!important;opacity:1!important;visibility:visible!important;border-radius:inherit!important;filter:none!important;pointer-events:none!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important}.login-petrostation-image{z-index:1!important;opacity:1!important;visibility:visible!important;object-fit:cover!important;object-position:center center!important;filter:brightness(.9)contrast(1.04)saturate(1.08)!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;transition:transform .42s,filter .42s!important;display:block!important;position:absolute!important;inset:0!important;transform:scale(1.002)!important}.login-petrostation-image-shade{z-index:2!important;opacity:1!important;pointer-events:none!important;background:linear-gradient(#060a2157 0%,#070a2214 42%,#04071657 100%)!important;display:block!important;position:absolute!important;inset:0!important}.login-visual-grid,.login-orb{z-index:3!important;opacity:.05!important;pointer-events:none!important}.login-visual-copy{z-index:10!important;position:relative!important}.login-visual-footer{z-index:10!important;margin-top:auto!important;position:relative!important}.password-container.login-field-shell,.password-container{width:100%!important;display:block!important;position:relative!important}.password-container input,.login-card .password-container input{width:100%!important;padding-right:76px!important}@media (width>=861px){.login-container{min-height:100dvh!important;padding:clamp(10px,1.8vh,20px) clamp(10px,1.8vw,22px)!important;overflow:hidden!important}.login-shell{grid-template-columns:minmax(330px,.76fr) minmax(500px,1.24fr)!important;width:min(1180px,100vw - 24px)!important;height:min(700px,100dvh - 24px)!important;min-height:560px!important;max-height:calc(100dvh - 24px)!important}.login-form-panel{scrollbar-width:thin;overflow-y:auto!important}.login-visual{height:100%!important;min-height:0!important}}@media (width<=860px){.login-container{min-height:100dvh!important;padding:10px!important;overflow-y:auto!important}.login-shell,.login-shell.login-shell-form-open{grid-template-columns:1fr!important;width:min(680px,100%)!important;height:auto!important;max-height:none!important;overflow:visible!important}.login-form-panel,.login-form-panel.login-form-active{width:100%!important;max-width:none!important;max-height:none!important;margin:0!important}.login-visual,.login-shell-form-open .login-visual{width:100%!important;height:clamp(360px,68vw,520px)!important;min-height:360px!important}}@media (width<=560px){.login-visual,.login-shell-form-open .login-visual{background-position:50%,50%!important;height:390px!important;min-height:390px!important}.password-container input,.login-card .password-container input{padding-right:70px!important}.password-container .show-password,.login-card .password-container .show-password{min-width:48px!important;max-width:56px!important;height:27px!important;padding:0 7px!important;font-size:8.5px!important;right:7px!important}}.login-fueling-art svg,.login-visual .login-fueling-art svg,.login-visual svg.login-fueling-svg{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important}.login-visual,.login-shell-form-open .login-visual{isolation:isolate!important;background-color:#0b1234!important;background-image:url(/ganaps.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;min-width:0!important;position:relative!important;overflow:hidden!important}.login-visual:before,.login-visual:after{content:none!important;display:none!important}.login-fueling-art{z-index:1!important;visibility:visible!important;opacity:1!important;filter:none!important;pointer-events:none!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important;transform:none!important}.login-petrostation-image{z-index:1!important;object-fit:cover!important;object-position:center center!important;visibility:visible!important;opacity:1!important;filter:brightness(.88)contrast(1.05)saturate(1.08)!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;transition:transform .45s,filter .45s!important;display:block!important;position:absolute!important;inset:0!important;transform:scale(1.002)!important}.login-visual:hover .login-petrostation-image{filter:brightness(.94)contrast(1.06)saturate(1.12)!important;transform:scale(1.025)!important}.login-petrostation-image-shade{z-index:2!important;pointer-events:none!important;background:linear-gradient(#04091f73 0%,#04091f1f 38%,#04081b47 100%),linear-gradient(90deg,#070d2733,#0000 52%)!important;display:block!important;position:absolute!important;inset:0!important}.login-visual-copy,.login-visual-footer,.login-visual-chip,.login-visual-tags{z-index:10!important;position:relative!important}.login-visual-grid,.login-orb{z-index:3!important;pointer-events:none!important}.login-form-front-backdrop{z-index:9998!important;-webkit-backdrop-filter:blur(4px)!important;background:#02071994!important;border:0!important;width:100vw!important;height:100dvh!important;margin:0!important;position:fixed!important;inset:0!important}.login-form-panel.login-form-active{z-index:9999!important;background:radial-gradient(circle at 10% 4%,#1fd2ff24,#0000 14rem),radial-gradient(circle at 95% 96%,#7946ff2e,#0000 17rem),linear-gradient(155deg,#040f27fe,#071538fe 55%,#0b1131fe)!important;border:1px solid #47ddffc7!important;border-radius:20px!important;width:min(390px,100vw - 28px)!important;max-width:390px!important;max-height:min(650px,100dvh - 28px)!important;margin:0!important;padding:22px 23px!important;animation:.24s cubic-bezier(.2,.8,.2,1) ganap-login-front-pop!important;position:fixed!important;inset:50% auto auto 50%!important;overflow:hidden auto!important;transform:translate(-50%,-50%)scale(1)!important;box-shadow:0 46px 120px #000000b8,0 0 0 1px #52daff29,0 0 52px #269dff42,0 0 82px #7a3eff21!important}.password-container,.password-container.login-field-shell,.login-card .password-container{width:100%!important;min-width:0!important;display:block!important;position:relative!important}.password-container input,.login-card .password-container input{width:100%!important;min-width:0!important;padding-right:76px!important}.password-container .show-password,.login-card .password-container .show-password{z-index:25!important;color:#8beeff!important;white-space:nowrap!important;background:#123773cc!important;border:1px solid #5bd3ff47!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:50px!important;max-width:60px!important;height:28px!important;margin:0!important;padding:0 8px!important;font-size:9px!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;position:absolute!important;inset:50% 8px auto auto!important;transform:translateY(-50%)!important;box-shadow:0 4px 12px #00000024!important}.password-container .show-password:hover,.login-card .password-container .show-password:hover{color:#fff!important;background:linear-gradient(135deg,#146bd7,#5546de)!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}@media (width>=861px){.login-container{min-height:100dvh!important;padding:12px!important;overflow:hidden!important}.login-shell{grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr)!important;width:min(1220px,100vw - 24px)!important;height:min(720px,100dvh - 24px)!important;min-height:540px!important;max-height:calc(100dvh - 24px)!important}.login-form-panel:not(.login-form-active){width:calc(100% - 24px)!important;max-width:430px!important;max-height:calc(100% - 24px)!important;margin:12px auto!important;padding:clamp(20px,3vh,30px) clamp(20px,2.2vw,28px)!important;overflow-y:auto!important}.login-visual{height:100%!important;min-height:0!important}}@media (width<=860px){.login-container{min-height:100dvh!important;padding:10px!important;overflow-y:auto!important}.login-shell,.login-shell.login-shell-form-open{grid-template-columns:1fr!important;width:min(700px,100%)!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.login-form-panel:not(.login-form-active){width:calc(100% - 20px)!important;max-width:none!important;margin:10px!important}.login-visual,.login-shell-form-open .login-visual{background-position:50%!important;width:100%!important;height:clamp(360px,68vw,520px)!important;min-height:360px!important}.login-form-panel.login-form-active{width:min(390px,100vw - 20px)!important;max-height:calc(100dvh - 20px)!important}}@media (width<=560px){.login-form-panel.login-form-active{border-radius:17px!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:19px 17px!important}.login-visual,.login-shell-form-open .login-visual{height:390px!important;min-height:390px!important}.login-petrostation-image{object-position:48% center!important}.password-container input,.login-card .password-container input{padding-right:69px!important}.password-container .show-password,.login-card .password-container .show-password{min-width:47px!important;max-width:54px!important;height:27px!important;padding:0 6px!important;font-size:8.5px!important;right:6px!important}}@media (prefers-reduced-motion:reduce){.login-form-panel.login-form-active,.login-petrostation-image{transition:none!important;animation:none!important}}.app-incoming-call{z-index:9800;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#062744f7,#0b556df7 66%,#0a8475f7);border:1px solid #c5ddefeb;border-radius:23px;grid-template-columns:64px minmax(0,1fr);gap:14px;width:min(420px,100vw - 28px);padding:20px;animation:.28s cubic-bezier(.21,.82,.33,1) incoming-call-pop;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #041c317a,0 0 0 100vmax #0715256e}.app-incoming-call-icon{background:radial-gradient(circle,#36cfba,#0b9f8c);border:4px solid #ffffff40;border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;animation:1.5s ease-in-out infinite incoming-call-ring;display:grid;box-shadow:0 0 0 9px #45ddc71a}.app-incoming-call-icon.video{background:radial-gradient(circle,#8073ff,#4e56d9)}.app-incoming-call-copy{min-width:0;padding-top:1px}.app-incoming-call-copy span{color:#a9f6e9;letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.app-incoming-call-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 2px;font-size:19px;display:block;overflow:hidden}.app-incoming-call-copy p{color:#e3f3ff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.app-incoming-call-copy small{color:#b9dce9;margin-top:7px;font-size:11px;line-height:1.35;display:block}.app-incoming-call-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.app-incoming-call-actions button{cursor:pointer;min-height:43px;font:inherit;border:1px solid #0000;border-radius:13px;font-size:13px;font-weight:850;transition:transform .15s,filter .15s}.app-incoming-call-actions button:hover{filter:brightness(1.06);transform:translateY(-1px)}.app-incoming-call-actions button:disabled{cursor:not-allowed;opacity:.65;transform:none}.app-call-decline{color:#fff;background:linear-gradient(135deg,#e34c62,#bc2f48);box-shadow:0 8px 18px #6b0c1f4d}.app-call-answer{color:#063d43;background:linear-gradient(135deg,#7ff0d5,#35c9ab);box-shadow:0 8px 18px #053e4447}@keyframes incoming-call-pop{0%{opacity:0;transform:translate(-50%,-45%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes incoming-call-ring{0%,to{box-shadow:0 0 0 9px #45ddc71a}50%{box-shadow:0 0 0 17px #45ddc70d}}@media (width<=520px){.app-incoming-call{border-radius:20px;grid-template-columns:53px minmax(0,1fr);padding:17px}.app-incoming-call-icon{width:53px;height:53px;font-size:23px}.app-incoming-call-copy strong{font-size:17px}}