@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--zb-nav-bg:#00143a;--zb-nav-hover:#082258;--zb-nav-active:#0090e0;--zb-nav-text:#94a3b8;--zb-nav-text-active:#fff;--zb-primary:#0090e0;--zb-primary-hover:#0077be;--zb-primary-dark:#001850;--zb-primary-soft:#eaf5fc;--zb-bg:#f4f7fb;--zb-surface:#fff;--zb-surface-alt:#f8fafc;--zb-text:#0f172a;--zb-text-soft:#475569;--zb-text-muted:#64748b;--zb-border:#e2e8f0;--zb-border-light:#f1f5f9;--zb-border-dark:#cbd5e1;--zb-success:#10b981;--zb-success-soft:#ecfdf5;--zb-warning:#f59e0b;--zb-warning-soft:#fffbeb;--zb-danger:#ef4444;--zb-danger-soft:#fef2f2;--zb-info:#0090e0;--zb-info-soft:#eaf5fc;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00185012, 0 2px 4px -2px #0018500d;--shadow-lg:0 10px 15px -3px #00185014, 0 4px 6px -4px #0018500a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background:var(--zb-bg);color:var(--zb-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13.5px;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;max-width:100%}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #0066cc1f;border-color:var(--zb-primary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.zb-btn{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.zb-btn-primary{background:var(--zb-primary);color:#fff;border-color:var(--zb-primary)}.zb-btn-primary:hover{background:var(--zb-primary-hover)}.zb-btn-outline{color:var(--zb-text);border-color:var(--zb-border);background:#fff}.zb-btn-outline:hover{border-color:var(--zb-border-dark);background:#f8fafc}.zb-btn-sm{padding:4px 8px;font-size:12px}.zb-card{background:var(--zb-surface);border:1px solid var(--zb-border);box-shadow:var(--shadow-sm);border-radius:8px;width:100%;padding:18px 20px}.zb-table-container{background:var(--zb-surface);border:1px solid var(--zb-border);-webkit-overflow-scrolling:touch;width:100%;box-shadow:var(--shadow-sm);border-radius:8px;overflow-x:auto}.zb-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.zb-table th{color:var(--zb-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--zb-border);white-space:nowrap;background:#f8fafc;padding:11px 16px;font-size:11.5px;font-weight:600}.zb-table td{border-bottom:1px solid var(--zb-border-light);color:var(--zb-text);vertical-align:middle;padding:12px 16px;font-size:13px}.zb-table tbody tr:hover{background:#f8fafc}.zb-table tbody tr:last-child td{border-bottom:none}.zb-filter-pill{color:var(--zb-text-soft);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .15s}.zb-filter-pill:hover{color:var(--zb-text);background:#e2e8f0}.zb-filter-pill.active{background:var(--zb-primary);color:#fff}.zb-label,.zb-input-label{color:#334155;letter-spacing:-.01em;align-items:center;gap:4px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:flex}.zb-label .required,.zb-input-label .required,.zb-required{color:#ef4444;margin-left:2px;font-weight:700}.zb-input,.zb-select,select.zb-input,textarea.zb-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background-color .15s;box-shadow:0 1px 2px #00000008}.zb-input:hover,.zb-select:hover,select.zb-input:hover,textarea.zb-input:hover{border-color:#94a3b8}.zb-input:focus,.zb-select:focus,select.zb-input:focus,textarea.zb-input:focus,input:focus,select:focus,textarea:focus{background-color:#fff;outline:none;border-color:#06c!important;box-shadow:0 0 0 3px #0066cc24!important}.zb-input::placeholder,textarea.zb-input::placeholder,input::placeholder{color:#94a3b8;opacity:1}.zb-input:disabled,.zb-select:disabled,select.zb-input:disabled,textarea.zb-input:disabled,input:disabled{cursor:not-allowed;opacity:.85;color:#64748b!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}.zb-input-sm{min-height:30px!important;padding:5px 8px!important;font-size:12px!important}.zb-input-lg{min-height:44px!important;padding:10px 14px!important;font-size:14px!important}textarea.zb-input{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.5}select.zb-input,select.zb-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px!important}.zb-form-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.zb-form-row{flex-wrap:wrap;gap:16px;width:100%;margin-bottom:16px;display:flex}.zb-form-row>*{flex:200px}.zb-table input.zb-input,.zb-table select.zb-input{min-height:32px;padding:5px 8px;font-size:12.5px}.zb-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.zb-modal{box-shadow:var(--shadow-lg);border:1px solid var(--zb-border);background:#fff;border-radius:10px;flex-direction:column;max-width:94vw;max-height:92vh;display:flex;overflow:hidden}.zb-modal-header{border-bottom:1px solid var(--zb-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.zb-modal-body{flex:1;padding:18px 20px;overflow-y:auto}.zb-modal-footer{border-top:1px solid var(--zb-border);background:#f8fafc;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.zb-modal-close{color:var(--zb-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zb-sidebar-panel{z-index:999;color:#94a3b8;background:linear-gradient(#0b1329 0%,#0f172a 100%);border-right:1px solid #ffffff14;flex-direction:column;width:240px;transition:width .25s,transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 24px #00000026}.zb-sidebar-panel.collapsed{width:68px}.zb-main-content-wrap{flex-direction:column;flex:1;width:calc(100% - 240px);min-width:0;margin-left:240px;transition:margin-left .25s,width .25s;display:flex}.zb-main-content-wrap.collapsed{width:calc(100% - 68px);margin-left:68px}.zb-mobile-menu-btn{display:none}.zb-desktop-name{display:block}.zb-kpi-auto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;display:grid}.zb-responsive-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%;display:grid}.zb-grid-split{grid-template-columns:1.4fr 1fr;gap:20px;width:100%;display:grid}.zb-grid-split-equal{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}@media (width<=1024px){.zb-mobile-menu-btn{display:flex!important}.zb-sidebar-panel{transform:translate(-100%);box-shadow:0 25px 50px -12px #000000b3;width:270px!important}.zb-sidebar-panel.open{transform:translate(0)!important}.zb-main-content-wrap{width:100%!important;margin-left:0!important}main{padding:16px!important}.zb-grid-split,.zb-grid-split-equal{grid-template-columns:1fr!important;gap:16px!important}.zb-modal{width:96vw!important;max-width:96vw!important}}@media (width<=768px){body{font-size:13px}main{padding:12px 14px 32px!important}.zb-desktop-name,.zb-hide-mobile{display:none!important}.zb-show-mobile{display:block!important}.zb-grid-split,.zb-grid-split-equal,.zb-kpi-grid,.zb-kpi-auto-grid,.zb-responsive-form-grid{grid-template-columns:1fr!important;gap:12px!important}.zb-filter-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch!important;max-width:100%!important;overflow-x:auto!important}.zb-filter-bar::-webkit-scrollbar{display:none}.zb-search-input{width:100%!important;max-width:100%!important}.zb-table th,.zb-table td{padding:8px 10px!important;font-size:12px!important}.zb-modal{border-radius:8px!important;width:100%!important;max-width:calc(100vw - 24px)!important;max-height:92vh!important;margin:auto!important}.zb-modal-backdrop{padding:12px!important}header{height:52px!important;padding:0 10px!important}.zb-card{border-radius:8px!important;min-width:0!important;padding:14px!important}.zb-form-actions-mobile{flex-direction:column!important;width:100%!important}.zb-chat-sidebar-mobile-hide{display:none!important}.zb-chat-sidebar-mobile-show{width:100%!important;display:flex!important}.zb-chat-main-mobile-hide{display:none!important}.zb-chat-main-mobile-show{width:100%!important;display:flex!important}.zb-chat-info-sidebar-mobile{z-index:1000!important;background:#fff!important;width:100%!important;max-width:100%!important;height:100%!important;position:fixed!important;inset:0!important}.zb-copilot-panel{border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;bottom:0!important;right:0!important}}.zb-copilot-panel{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:500px;max-width:92vw;height:660px;max-height:92vh;transition:all .25s ease-in-out;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #00000014}.zb-copilot-panel.expanded{width:calc(100vw - 40px);max-width:960px;height:calc(100vh - 40px)}@media (width<=480px){.zb-btn{padding:6px 10px;font-size:12px}.zb-card{padding:12px!important}.zb-table{min-width:480px}}.zb-audit-desktop-table{width:100%;display:block}.zb-audit-mobile-cards{display:none}@media screen and (width<=768px){.zb-audit-desktop-table{display:none!important}.zb-audit-mobile-cards{flex-direction:column;gap:10px;padding:12px;display:flex!important}.zb-audit-header-actions{justify-content:space-between;width:100%}}.zb-doc-meta-grid{grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.zb-doc-dual-grid,.zb-doc-sig-grid{grid-template-columns:1.1fr 1fr;gap:20px;display:grid}.zb-receipt-meta-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.zb-doc-table-scroll{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}.zb-doc-table-scroll table{min-width:620px}@media screen and (width<=768px){.zb-doc-meta-grid{grid-template-columns:1fr!important;gap:12px!important}.zb-doc-dual-grid,.zb-doc-sig-grid{grid-template-columns:1fr!important;gap:16px!important}.zb-receipt-meta-grid{grid-template-columns:1fr!important;gap:12px!important}.zb-printable-document,.zb-printable-receipt{padding:16px 14px!important}.zb-doc-header-wrap{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.zb-doc-header-right{text-align:left!important;width:100%!important}}@page{size:A4 portrait;margin:10mm 12mm}@media print{*,:before,:after{box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:10pt!important;line-height:1.4!important}#root,#root>div,.zb-main-content-wrap,.zb-main-content-wrap.collapsed,.zb-main-content-wrap:not(.collapsed),main,main>div{background:0 0!important;gap:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}[style*=max-width],[style*=maxWidth]{width:100%!important;max-width:100%!important}header,aside,nav,.zb-sidebar-panel,.no-print,.zb-no-print,.zb-modal-header,.zb-modal-footer,.zb-modal-close,button,.zb-btn,.zb-toast-container,.zb-copilot-drawer{display:none!important}@page{size:A4 portrait;margin:8mm 10mm}html,body{height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.zb-printing-modal-active .zb-printable-document,body.zb-printing-modal-active .zb-doc-actions,body.zb-printing-modal-active .zb-doc-view-header,body.zb-printing-modal-active .zb-table-container,body.zb-printing-modal-active .zb-kpi-auto-grid,body.zb-printing-modal-active .zb-grid-split,body.zb-printing-modal-active .zb-card:not(.zb-printable-modal-card),body:not(.zb-printing-modal-active) .zb-modal-backdrop{display:none!important}body.zb-printing-modal-active .zb-modal-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}body.zb-printing-modal-active .zb-modal,body.zb-printing-modal-active .zb-printable-modal-card{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.zb-printable-document,.zb-printable-receipt,.zb-printable-payslip{box-shadow:none!important;box-sizing:border-box!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 auto!important;padding:16px 20px!important;overflow:hidden!important}.zb-printable-receipt>:last-child,.zb-printable-document>:last-child{margin-bottom:0!important;padding-bottom:0!important}.zb-doc-header-wrap{border-bottom:2px solid #06c!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;width:100%!important;margin-bottom:18px!important;padding-bottom:16px!important;display:flex!important}.zb-doc-header-right{text-align:right!important;flex-shrink:0!important;width:auto!important}.zb-doc-meta-grid{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;grid-template-columns:1.2fr 1fr 1fr!important;gap:14px!important;margin-bottom:18px!important;padding:12px 14px!important;display:grid!important}.zb-receipt-meta-grid{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-bottom:18px!important;padding:12px 14px!important;display:grid!important}.zb-doc-dual-grid{page-break-inside:avoid!important;break-inside:avoid!important;grid-template-columns:1.1fr 1fr!important;gap:20px!important;margin-bottom:20px!important;display:grid!important}.zb-doc-sig-grid{page-break-inside:avoid!important;break-inside:avoid!important;border-top:1.5px solid #e2e8f0!important;grid-template-columns:1.1fr 1fr!important;gap:20px!important;margin-top:16px!important;padding-top:16px!important;display:grid!important}.zb-doc-table-scroll{width:100%!important;margin-bottom:16px!important;overflow:visible!important}.zb-doc-table-scroll table,.zb-printable-document table,.zb-printable-receipt table,.zb-printable-payslip table{table-layout:fixed!important;border-collapse:collapse!important;width:100%!important;min-width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}thead{display:table-header-group!important}tr{page-break-inside:avoid!important;break-inside:avoid!important}th,td{box-sizing:border-box!important;word-break:break-word!important}[style*="text-align: right"],[style*="textAlign: right"]{text-align:right!important}[style*="text-align: center"],[style*="textAlign: center"]{text-align:center!important}}