@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--dark-green: #1c1c1e;--lime-green: #9FE870;--lime-dark: #7FD040;--white: #FFFFFF;--light-bg: #FAFAFA;--light-gray: #F3F4F6;--border-gray: #E5E7EB;--dark-text: #1F2937;--medium-text: #6B7280;--light-text: #9CA3AF;--success: #10B981;--warning: #F59E0B;--error: #EF4444}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--light-bg);color:var(--dark-text);line-height:1.6;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--medium-text)}.page{max-width:1400px;margin:0 auto;padding:32px 24px 100px}@media (max-width: 1200px){.page{padding:24px 20px 80px}}@media (max-width: 768px){.page{padding:16px 12px 60px}}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:16px;flex-wrap:wrap}.page-header-right{display:flex;align-items:center;gap:10px}.page-breadcrumb{font-size:12px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.page-header-left h1{font-size:26px;font-weight:800;color:var(--dark-text);margin:0 0 4px;letter-spacing:-.4px}.page-subtitle{font-size:13.5px;color:var(--medium-text);margin:0}.btn-create{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;background:#111827;border:none;font-size:13px;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;transition:background .15s}.btn-create svg{width:13px;height:13px}.btn-create:hover{background:#1f2937}.btn-outline{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border:1.5px solid var(--border-gray);border-radius:10px;background:var(--white);color:var(--dark-text);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.btn-outline:hover{border-color:#8e8e93;background:#f5f5f7}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:220px;max-width:420px}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#b0b0b0;pointer-events:none}.search-input{width:100%;height:40px;padding:0 36px 0 40px;border:1.5px solid var(--border-gray);border-radius:10px;background:var(--white);font-size:13.5px;color:var(--dark-text);font-family:inherit;outline:none;transition:all .15s;box-sizing:border-box}.search-input::placeholder{color:silver}.search-input:focus{border-color:#8e8e93;box-shadow:0 0 0 3px #8e8e9326}.search-clear{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:none;color:#b0b0b0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.search-clear svg{width:11px;height:11px}.search-clear:hover{color:var(--dark-text)}.filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip-dropdown{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1.5px solid var(--border-gray);border-radius:10px;background:var(--white);font-size:13px;font-weight:500;color:var(--dark-text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s}.chip-dropdown svg:first-child{width:13px;height:13px;color:#b0b0b0;flex-shrink:0}.chip-dropdown:hover{border-color:#8e8e93}.chip-dropdown.chip-active{background:#f5f5f7;border-color:#8e8e93;color:#1c1c1e;font-weight:600}.chip-dropdown.chip-active svg:first-child{color:#3a3a3c}.chip-chevron{width:10px;height:10px;color:#b0b0b0;flex-shrink:0}.drop-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:190px;background:var(--white);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 8px 28px #0000001a;z-index:200;overflow:hidden;animation:dropIn .12s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drop-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--dark-text);cursor:pointer;transition:background .1s}.drop-opt svg{width:12px;height:12px;color:#3a3a3c;flex-shrink:0}.drop-opt:hover{background:#f5f5f7}.drop-opt.drop-opt-active{background:#f5f5f7;color:#1c1c1e;font-weight:600}.drop-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid #d1d5db;flex-shrink:0}.chip-clear{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px;border:1px solid #fca5a5;border-radius:8px;background:#fff5f5;color:#dc2626;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.chip-clear svg{width:10px;height:10px}.chip-clear:hover{background:#fee2e2}.loading-state{display:flex;align-items:center;justify-content:center;gap:14px;padding:80px 40px;color:var(--medium-text);font-size:14px}.spinner{width:28px;height:28px;border:2.5px solid var(--border-gray);border-top-color:#8e8e93;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card{background:var(--white);border:1px solid var(--border-gray);border-radius:16px;overflow:hidden;box-shadow:0 1px 6px #0000000a}.list-table{width:100%;border-collapse:collapse}.list-table thead tr{background:#f9fafb;border-bottom:1px solid var(--border-gray)}.list-table th{padding:11px 10px;font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;text-align:left;white-space:nowrap}.list-table td{padding:11px 10px;font-size:11px;color:var(--dark-text);border-bottom:1px solid #f5f5f5;vertical-align:middle}.list-table tbody tr{transition:background .1s}.list-table tbody tr:last-child td{border-bottom:none}.list-table tbody tr:hover{background:#f5f5f7}.list-table tbody tr.clickable-row{cursor:pointer}.inv-number,.est-number,.lic-number{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:#f3f4f6;color:#374151;font-size:12.5px;font-weight:700;letter-spacing:.2px;font-family:Courier New,monospace}.td-number{white-space:nowrap}.td-customer{display:flex;align-items:center;gap:10px}.customer-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#636366,#1c1c1e);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-name{font-weight:600;font-size:13px;color:var(--dark-text);line-height:1.3;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-city{font-size:11.5px;color:var(--medium-text);margin-top:1px}.td-person{font-size:12px;color:var(--medium-text);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-date{font-size:12.5px;color:var(--medium-text);white-space:nowrap}.td-date.overdue-date,.td-date.expired{color:#dc2626}.td-amount{font-size:13px;font-weight:500;white-space:nowrap;text-align:right}.td-amount.bold{font-weight:700;color:var(--dark-text)}.td-amount.balance-due{color:#dc2626;font-weight:600}.td-amount.muted{color:var(--medium-text);font-weight:400}.muted-dash{color:var(--medium-text)}.clickable-row{cursor:pointer}.status-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.status-pill.paid{background:#22c55e1a;color:#16a34a}.status-pill.unpaid{background:#f59e0b1f;color:#d97706}.status-pill.partial{background:#3b82f61a;color:#2563eb}.status-pill.overdue,.status-pill.refunded{background:#ef44441a;color:#dc2626}.status-pill.active{background:#22c55e1a;color:#16a34a}.status-pill.inactive,.status-pill.disabled{background:#ef44441a;color:#dc2626}.status-pill.newc{background:#3b82f61a;color:#2563eb}.status-pill.pending{background:#f59e0b1f;color:#d97706}.status-pill.accepted{background:#22c55e1a;color:#16a34a}.status-pill.converted{background:#3b82f61a;color:#2563eb}.status-pill.rejected{background:#ef44441a;color:#dc2626}.zatca-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap;text-transform:uppercase}.zatca-pill.zatca-reported{background:#22c55e1a;color:#16a34a}.zatca-pill.zatca-pending{background:#f59e0b1f;color:#d97706}.zatca-pill.zatca-warning{background:#eab3081f;color:#a16207}.zatca-pill.zatca-failed,.zatca-pill.zatca-rejected{background:#ef44441a;color:#dc2626}.zatca-pill.zatca-cleared{background:#3b82f61a;color:#2563eb}.sync-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap;text-transform:uppercase}.sync-pill.sync-synced{background:#3b82f61a;color:#2563eb}.sync-pill.sync-pending,.sync-pill.sync-not{background:#ef44441a;color:#dc2626}.th-check,.td-check{width:32px;min-width:32px;max-width:32px;padding:0 6px;text-align:center}.th-check input[type=checkbox],.td-check input[type=checkbox]{cursor:pointer;accent-color:var(--dark-green);width:14px;height:14px}.th-check input[type=checkbox]:disabled,.td-check input[type=checkbox]:disabled{cursor:not-allowed;opacity:.35}.row-selected{background:#9fe87014}.td-actions{width:44px;min-width:44px;max-width:44px;padding:0 6px}.td-action-center{width:50px;min-width:50px;max-width:50px;text-align:center;padding:0 6px}.action-wrap{position:relative}.icon-action{width:32px;height:32px;border:1.5px solid transparent;border-radius:8px;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s}.icon-action svg{width:14px;height:14px}.icon-action:hover{background:#f3f4f6;color:var(--dark-text);border-color:var(--border-gray)}.icon-action.icon-active{background:#1c1c1e;color:#fff;border-color:#1c1c1e}.action-menu-fixed{position:fixed;background:var(--white);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:1000;min-width:170px;overflow:hidden;animation:dropIn .12s ease-out}.action-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;font-size:13px;color:var(--dark-text);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.action-item svg{width:14px;height:14px;color:var(--medium-text);flex-shrink:0}.action-item:hover{background:#f5f5f7}.action-item.danger{color:#dc2626}.action-item.danger svg{color:#dc2626}.action-item.danger:hover{background:#fff5f5}.action-sep{height:1px;background:var(--border-gray);margin:4px 0}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-gray);background:#fafafa;flex-wrap:wrap;gap:10px}.table-info{font-size:13px;color:var(--medium-text)}.table-info strong{color:var(--dark-text)}.pagination{display:flex;align-items:center;gap:4px}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;font-size:13px;color:var(--medium-text);-webkit-user-select:none;user-select:none}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1.5px solid var(--border-gray);border-radius:8px;background:var(--white);color:var(--dark-text);font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.page-btn svg{width:10px;height:10px}.page-btn:hover:not(:disabled){border-color:#8e8e93;background:#f5f5f7}.page-btn:disabled{opacity:.4;cursor:default}.page-btn.page-active{background:#1c1c1e;border-color:#1c1c1e;color:#fff;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center}.empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.empty-icon svg{width:64px;height:64px}.empty-title{font-size:16px;font-weight:700;color:var(--dark-text);margin-bottom:6px}.empty-sub{font-size:13.5px;color:var(--medium-text);margin-bottom:20px}a{text-decoration:none;color:inherit}button,select,input{font-family:inherit}.dlg-overlay{position:fixed;inset:0;z-index:1050;background:#00000080;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;animation:dlgFadeIn .18s ease-out;padding:0}.dlg-overlay.dlg-fullscreen>*{width:100%;min-height:100vh;background:#fff}.dlg-overlay.dlg-card{align-items:center;padding:40px 20px}.dlg-overlay.dlg-card>*{width:100%;max-width:780px;min-height:unset;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000002e;overflow:hidden;max-height:calc(100vh - 80px);display:flex;flex-direction:column}.dlg-overlay.dlg-closing{animation:dlgFadeOut .18s ease-in forwards}@keyframes dlgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dlgFadeOut{0%{opacity:1}to{opacity:0}}