:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-light: #EFF6FF;--color-primary-border: #BFDBFE;--color-success: #22C55E;--color-success-hover: #16A34A;--color-success-light: #F0FDF4;--color-success-border: #BBF7D0;--color-warning: #F59E0B;--color-warning-hover: #D97706;--color-warning-light: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: #EF4444;--color-danger-hover: #DC2626;--color-danger-light: #FEF2F2;--color-danger-border: #FECACA;--color-gray: #64748B;--color-gray-light: #F1F5F9;--color-gray-border: #E2E8F0;--color-bg: #F8FAFC;--color-card: #FFFFFF;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--radius-sm: 8px;--radius: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(15,23,42,.05);--shadow-sm: 0 1px 3px rgba(15,23,42,.07);--shadow-md: 0 4px 12px rgba(15,23,42,.08);--shadow-lg: 0 12px 32px rgba(15,23,42,.12);--shadow-xl: 0 24px 60px rgba(15,23,42,.18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--ease: cubic-bezier(.2,.7,.3,1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fa-solid,.fa-regular,.fa-brands{font-style:normal;line-height:1}input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;-moz-appearance:checkbox}.inv-action-row::-webkit-scrollbar{display:none}.inv-action-row{scrollbar-width:none;-ms-overflow-style:none}.notif-list::-webkit-scrollbar{display:none}.notif-list{scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 769px){.notif-dropdown{max-height:calc(100vh - 100px)!important}}.line-items-table-wrapper{display:block}.line-items-cards{display:none}.line-items-table{width:100%;min-width:600px}.line-items-table-wrapper{overflow:visible}.line-items-table td{overflow:visible;position:relative}.line-items-table tbody{overflow:visible}.line-items-table thead,.line-items-table th{position:static}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.55;letter-spacing:-.01em;height:100vh;overflow:hidden}html{height:100%;overflow:hidden}#root{height:100%}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar{width:240px;background:var(--color-card);color:var(--color-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;overflow-y:auto;overflow-x:hidden;transition:width .25s var(--ease),transform .25s var(--ease);border-right:1px solid var(--color-border)}.sidebar-logo{padding:18px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-logo-text{overflow:hidden;min-width:0;flex:1}.sidebar-company-name{font-weight:600;font-size:14.5px;color:var(--color-text);line-height:1.25;letter-spacing:-.01em;max-width:140px;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-company-subtitle{font-size:10.5px;color:var(--color-text-muted);line-height:1.2;font-weight:500}.sidebar-theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-gray);cursor:pointer;position:absolute;top:70px;right:12px;z-index:201;transition:background .15s,color .15s,border-color .15s;font-size:13px}.sidebar-theme-btn:hover{background:var(--color-gray-light);color:var(--color-text);border-color:var(--color-border-strong)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;color:var(--color-gray);cursor:pointer;position:absolute;top:22px;right:-12px;z-index:201;transition:background .15s,color .15s;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar-collapse-btn:hover{background:var(--color-gray-light);color:var(--color-text)}.nav-flyout{position:fixed;left:64px;z-index:300;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:6px;animation:flyoutIn .15s var(--ease)}@keyframes flyoutIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.nav-flyout-title{padding:8px 10px 6px;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--color-border);margin-bottom:4px}.nav-flyout-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;text-decoration:none;transition:background .12s,color .12s}.nav-flyout-item:hover{background:var(--color-gray-light);color:var(--color-text)}.nav-flyout-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.sidebar--collapsed{width:64px}.sidebar--collapsed .sidebar-logo{padding:16px 0;display:flex;justify-content:center}.sidebar--collapsed .sidebar-logo>div{justify-content:center}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-theme-btn,.sidebar--collapsed .nav-section-label,.sidebar--collapsed .nav-group-label,.sidebar--collapsed .nav-chevron,.sidebar--collapsed .nav-submenu{display:none}.sidebar--collapsed .nav-group-header,.sidebar--collapsed .nav-group-header.nav-group-header--active,.sidebar--collapsed a.nav-group-header{padding:12px 0;margin:2px 8px;width:calc(100% - 16px);justify-content:center;gap:0}.sidebar--collapsed .nav-group-icon{width:auto;font-size:20px}.sidebar--collapsed .nav-group--has-active>.nav-group-header{background:var(--color-primary-light);color:var(--color-primary)}.main-content--collapsed{margin-left:64px}.sidebar-nav{flex:1;padding:12px 8px}.nav-section{padding:8px 8px 4px;font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 0;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:13.5px;cursor:pointer;transition:background .15s,color .15s}.nav-item:hover{background:var(--color-gray-light);color:var(--color-text)}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.nav-section-label{padding:16px 8px 4px;font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px}.nav-group{margin-bottom:2px}.nav-group--has-active>.nav-group-header{color:var(--color-primary)}.nav-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;margin:1px 0;border-radius:var(--radius-sm);background:none;border:none;color:var(--color-text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;text-decoration:none;transition:background .15s,color .15s}.nav-group-header:hover{background:var(--color-gray-light);color:var(--color-text)}.nav-group-header--open{color:var(--color-text);background:var(--color-gray-light)}.nav-group-header--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.nav-group-icon{font-size:14px;width:20px;flex-shrink:0;text-align:center}.nav-group-label{flex:1}.nav-chevron{font-size:10px;color:var(--color-text-muted);line-height:1;transition:transform .2s}.nav-chevron--open{transform:rotate(90deg)}.nav-submenu{padding:2px 0 2px 14px}.nav-sub-item{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 28px;margin:1px 0;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13.5px;text-decoration:none;transition:background .15s,color .15s}.nav-sub-item:hover{background:var(--color-gray-light);color:var(--color-text)}.nav-sub-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.nav-sub-icon{font-size:12px;width:18px;flex-shrink:0;text-align:center}.sidebar--dark{background:#0f172a;color:#fff;border-right-color:#ffffff14}.sidebar--dark .sidebar-logo{border-bottom-color:#ffffff14}.sidebar--dark .sidebar-company-name{color:#fff}.sidebar--dark .sidebar-company-subtitle{color:#ffffff80}.sidebar--dark .sidebar-theme-btn{background:#ffffff0f;border-color:#ffffff1f;color:#ffffffb3}.sidebar--dark .sidebar-theme-btn:hover{background:#ffffff1f;color:#fff}.sidebar--dark .sidebar-collapse-btn{background:#ffffff1a;border-color:#ffffff26;color:#ffffffb3;box-shadow:none}.sidebar--dark .sidebar-collapse-btn:hover{background:#ffffff38;color:#fff}.sidebar--dark .nav-section-label{color:#ffffff59}.sidebar--dark .nav-section{color:#fff6}.sidebar--dark .nav-item{color:#ffffffb8}.sidebar--dark .nav-item:hover{background:#ffffff14;color:#fff}.sidebar--dark .nav-item.active{background:#2563eb40;color:#93c5fd}.sidebar--dark .nav-group--has-active>.nav-group-header{color:#93c5fd}.sidebar--dark .nav-group-header{color:#ffffffb8}.sidebar--dark .nav-group-header:hover{background:#ffffff14;color:#fff}.sidebar--dark .nav-group-header--open{color:#fff;background:#ffffff0f}.sidebar--dark .nav-group-header--active{background:#2563eb40;color:#93c5fd}.sidebar--dark .nav-chevron{color:#fff6}.sidebar--dark .nav-submenu{background:transparent}.sidebar--dark .nav-sub-item{color:#ffffff9e}.sidebar--dark .nav-sub-item:hover{background:#ffffff12;color:#fff}.sidebar--dark .nav-sub-item.active{color:#93c5fd;background:#2563eb38}.sidebar--dark.sidebar--collapsed .nav-group--has-active>.nav-group-header{background:#2563eb47}.nav-flyout--dark{background:#0f172a;border-color:#ffffff1f;box-shadow:var(--shadow-xl)}.nav-flyout--dark .nav-flyout-title{color:#ffffff73;border-bottom-color:#ffffff14}.nav-flyout--dark .nav-flyout-item{color:#ffffffb8}.nav-flyout--dark .nav-flyout-item:hover{background:#ffffff14;color:#fff}.nav-flyout--dark .nav-flyout-item.active{color:#93c5fd;background:#2563eb38}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;z-index:150;transition:opacity .25s ease,visibility .25s ease}.sidebar-overlay.visible{display:block;opacity:1;visibility:visible}.main-content{margin-left:240px;flex:1;display:flex;flex-direction:column;height:100vh;min-width:0;transition:margin-left .25s var(--ease);overflow:hidden}.top-bar{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100;gap:12px;flex-shrink:0}.top-bar h2{font-size:16px;font-weight:600;color:var(--color-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.hamburger-btn{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-secondary);border-radius:var(--radius-sm);flex-shrink:0}.hamburger-btn:hover{background:var(--color-gray-light)}.hamburger-btn svg{width:22px;height:22px}.page-content{padding:24px;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.page-fit-viewport{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.page-fit-viewport .stat-grid,.page-fit-viewport .stats-grid,.page-fit-viewport .page-header{flex-shrink:0}.page-fit-viewport .card{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-fit-viewport .table-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:auto;scrollbar-color:var(--color-border) transparent}.page-fit-viewport .table-container::-webkit-scrollbar{width:12px;height:12px}.page-fit-viewport .table-container::-webkit-scrollbar-track{background:var(--color-gray-light);border-radius:6px}.page-fit-viewport .table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px;border:2px solid var(--color-gray-light)}.page-fit-viewport .table-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page-fit-viewport .table-container .data-table{width:100%}.page-fit-viewport .table-container .data-table thead{position:sticky;top:0;z-index:10;background:#f8fafc}.page-fit-viewport .toolbar{flex-shrink:0}.page-fit-viewport .table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.page-fit-viewport .table-wrapper::-webkit-scrollbar{display:none}.page-fit-viewport .pagination{flex-shrink:0;border-top:1px solid var(--color-border);padding-top:14px;margin-top:0}.page-fit-viewport .bulk-bar,.page-fit-viewport .page-actions{flex-shrink:0}.stat-grid-compact{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px}.stat-grid-compact .stat-card{padding:14px 12px;gap:10px;border-radius:var(--radius)}.stat-grid-compact .stat-icon{width:36px;height:36px;font-size:14px;border-radius:6px}.stat-grid-compact .stat-info h3{font-size:17px;font-weight:600;letter-spacing:-.02em}.stat-grid-compact .stat-info p{font-size:10px;font-weight:500;letter-spacing:.3px;opacity:.9}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.stat-card{border-radius:var(--radius-lg);border:none;padding:20px 18px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card:before,.stat-card:after{content:"";position:absolute;border-radius:50%;opacity:.18;pointer-events:none}.stat-card:before{width:80px;height:80px;background:#fff;top:-24px;right:-20px}.stat-card:after{width:48px;height:48px;background:#fff;bottom:-12px;right:30px}.stat-icon{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-info{min-width:0;flex:1}.stat-info p{font-size:11.5px;color:#ffffffe6;margin-bottom:5px;font-weight:600;letter-spacing:.3px}.stat-info h3{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.02em}.stat-change{font-size:11px;margin-top:3px}.stat-change.up{color:#ffffffe6}.stat-change.down{color:#ffffffb3}.stat-card--active{box-shadow:0 0 0 2px #ffffffd9,var(--shadow-lg)!important;transform:translateY(-2px)!important}.card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px;box-shadow:var(--shadow-sm)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-wrapper::-webkit-scrollbar{display:none}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;min-width:540px}.table thead{position:sticky;top:0;z-index:10}.table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none}.table th.sortable{cursor:pointer}.table th.sortable:hover{background:var(--color-gray-light)}.table td{padding:13px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);transition:background-color .15s ease}.table tr:last-child td{border-bottom:none}.table tbody tr:nth-child(2n) td{background:#f8fafc99}.clickable-row{cursor:pointer;transition:background-color .15s ease}.clickable-row:hover td,.table .clickable-row:hover td{background-color:var(--color-primary-light)!important}.table .th-check,.table .td-check{width:36px;padding:12px 8px 12px 16px}.table td strong{font-weight:600;color:var(--color-text)}.table .text-muted{color:var(--color-text-muted);font-size:12px;margin-top:2px}.col-filter-row td{padding:6px 14px 8px;background:var(--color-bg);border-bottom:2px solid var(--color-border)}.col-filter-row:hover td{background:var(--color-bg)}.col-filter-search{position:relative;display:flex;align-items:center}.col-filter-search svg{position:absolute;left:8px;color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.col-filter-search input{padding:6px 8px 6px 26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;width:100%;min-width:140px;outline:none;background:var(--color-card);color:var(--color-text);transition:border-color .15s,box-shadow .15s}.col-filter-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.col-filter-search input::placeholder{color:var(--color-text-muted)}.col-filter-select{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:12px;outline:none;background:var(--color-card);cursor:pointer;width:100%;min-width:100px;color:var(--color-text);transition:border-color .15s}.col-filter-select:focus{border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap;letter-spacing:.2px}.badge-green{background:var(--color-success-light);color:var(--color-success-hover)}.badge-yellow{background:var(--color-warning-light);color:var(--color-warning-hover)}.badge-red{background:var(--color-danger-light);color:var(--color-danger-hover)}.badge-blue{background:var(--color-primary-light);color:var(--color-primary)}.badge-gray{background:var(--color-gray-light);color:var(--color-text-secondary)}.badge-purple{background:#f5f3ff;color:#6d28d9}.badge-orange{background:var(--color-warning-light);color:#b45309}.badge-teal{background:#f0fdfa;color:#0f766e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease);white-space:nowrap;line-height:1.2}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #2563eb40}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-card);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-light);border-color:var(--color-border-strong);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-danger-soft{background:var(--color-danger-light);color:var(--color-danger-hover)}.btn-danger-soft:hover:not(:disabled){background:var(--color-danger-border)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-hover)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background:var(--color-warning-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-light);color:var(--color-text)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary-border)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light)}.btn-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:var(--radius-sm)}.btn-xs{height:26px;padding:0 9px;font-size:11.5px;border-radius:var(--radius-sm);gap:5px}.btn-icon{height:32px;min-width:32px;padding:0 9px;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.btn-icon:hover:not(:disabled){background:var(--color-gray-light);border-color:var(--color-border-strong);color:var(--color-text)}.btn-icon-danger{height:32px;min-width:32px;padding:0 9px;background:var(--color-card);border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:var(--radius-sm)}.btn-icon-danger:hover:not(:disabled){background:var(--color-danger-light)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.col-span-2{grid-column:span 2}.col-span-full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12.5px;font-weight:600;color:var(--color-text-secondary)}.form-group label .req{color:var(--color-danger)}.form-group input,.form-group select,.form-group textarea{min-height:40px;padding:9px 13px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13.5px;transition:border-color .15s,box-shadow .15s;outline:none;background:var(--color-card);color:var(--color-text);width:100%}.form-group textarea{min-height:80px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);font-size:13.5px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group input.is-invalid,.form-group select.is-invalid{border-color:var(--color-danger)}.form-group .field-error{font-size:11.5px;color:var(--color-danger);margin-top:2px}.form-group .field-hint{font-size:11.5px;color:var(--color-text-muted);margin-top:2px}.form-control{display:block;width:100%;font-family:inherit;padding:6px 9px;min-height:34px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;line-height:1.4;background:var(--color-card);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.form-control::placeholder{color:var(--color-text-muted);font-size:12.5px}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-control:disabled{opacity:.55;cursor:not-allowed}textarea.form-control{min-height:50px;height:auto;resize:vertical}.searchable-select{position:relative}.searchable-select input{width:100%;min-height:40px;padding:9px 13px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13.5px;color:var(--color-text);background:var(--color-card)}.searchable-select input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;margin-top:4px}.searchable-select-option{padding:10px 13px;font-size:13.5px;color:var(--color-text-secondary);cursor:pointer;border-bottom:1px solid var(--color-border)}.searchable-select-option:last-child{border-bottom:none}.searchable-select-option:hover{background:var(--color-gray-light)}.searchable-select-option.selected{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.searchable-select-empty{padding:12px;font-size:13px;color:var(--color-text-muted);text-align:center}.form-section{margin-bottom:24px}.form-section-title{font-size:14px;font-weight:700;color:var(--color-text);padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--color-border)}.modal-section-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}.modal-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:center}.modal-field-grid>*{min-width:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-header h1{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.page-header p{font-size:13.5px;color:var(--color-text-secondary);margin-top:3px;font-weight:400}.page-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.search-wrap{position:relative;min-width:200px;flex:1;max-width:320px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:14px;height:14px;pointer-events:none}.search-input{min-height:40px;padding:9px 14px 9px 36px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13.5px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;background:var(--color-card);color:var(--color-text)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-select{min-height:40px;padding:9px 14px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13.5px;outline:none;background:var(--color-card);cursor:pointer;transition:border-color .15s;color:var(--color-text)}.filter-select:focus{border-color:var(--color-primary)}.toolbar-date-field,.toolbar-select-field{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);transition:border-color .15s,box-shadow .15s}.toolbar-date-field:focus-within,.toolbar-select-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.toolbar-date-field i,.toolbar-select-field i{color:var(--color-text-muted);font-size:13px;flex-shrink:0}.toolbar-date-field input[type=date]{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--color-text);padding:0;height:100%;font-family:inherit}.toolbar-select-field select{border:none;outline:none;background:transparent;font-size:13.5px;color:var(--color-text);padding:0;height:100%;cursor:pointer;font-family:inherit}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--color-primary-light);border-radius:var(--radius);border:1px solid var(--color-primary-border);margin-bottom:12px}.bulk-bar-count{font-size:13.5px;font-weight:600;color:var(--color-primary-active);flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:overlayIn .18s var(--ease)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--color-card);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:calc(100vh - 32px);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;position:relative;animation:modalIn .2s var(--ease)}.modal-box{background:var(--color-card);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl);padding:24px 28px;position:relative;animation:modalIn .2s var(--ease)}.modal-lg{max-width:880px}.modal-sm{max-width:440px}.modal-header{padding:18px 22px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-card)}.modal-header h2{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 10px}.modal-header input,.modal-header select{font-size:13.5px;padding:7px 11px;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;background:var(--color-card);color:var(--color-text);transition:border-color .15s,box-shadow .15s}.modal-header input:focus,.modal-header select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-header input::placeholder{color:var(--color-text-muted)}.modal-header label.field-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:3px}.modal-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--color-border);background:var(--color-bg);overflow-x:auto;padding:0 8px}.modal-tab-btn{padding:11px 18px;font-size:13.5px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.modal-tab-btn.active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.modal-tab-btn:hover:not(.active){color:var(--color-text)}.wizard-header{padding:18px 22px 14px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-card)}.wizard-header h2{font-size:18px;font-weight:700;color:var(--color-text);margin:0}.wizard-progress-track{height:4px;background:var(--color-border);border-radius:999px;margin:14px 0 16px;overflow:hidden}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#6366f1);border-radius:999px;transition:width .3s ease}.wizard-steps{display:flex;align-items:flex-start}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;width:92px}.wizard-step:disabled{cursor:not-allowed}.wizard-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-gray-light);color:var(--color-text-muted);border:2px solid var(--color-border);transition:all .2s}.wizard-step-label{font-size:10.5px;font-weight:600;color:var(--color-text-muted);text-align:center;line-height:1.3;max-width:88px;transition:color .2s}.wizard-step.active .wizard-step-circle{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-light)}.wizard-step.active .wizard-step-label{color:var(--color-primary)}.wizard-step.completed .wizard-step-circle{background:#10b981;border-color:#10b981;color:#fff}.wizard-step.completed .wizard-step-label{color:var(--color-text-secondary)}.wizard-step.locked{opacity:.5}.wizard-connector{flex:1;height:2px;background:var(--color-border);margin-top:13px;min-width:8px;transition:background .3s}.wizard-connector.done{background:#10b981}.wizard-body{animation:wizardStepIn .3s ease}@keyframes wizardStepIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.wizard-body{animation:none}}.wizard-review-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:14px}.wizard-review-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wizard-review-card-title{font-size:12px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.wizard-review-edit{font-size:12px;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.wizard-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.wizard-review-item{min-width:0}.wizard-review-item-label{font-size:9px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.wizard-review-item-value{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.wizard-step{width:60px}.wizard-step-label{display:none}}.tab-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--color-gray-light);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .15s;line-height:1.4}.tab-btn:hover:not(.active){background:var(--color-border);color:var(--color-text)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.modal-body{padding:22px 24px;flex:1;min-height:0;overflow-y:auto}.modal-footer{padding:16px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-card);position:relative;z-index:10}.modal-footer .btn{pointer-events:auto;position:relative;z-index:1}.confirm-icon{font-size:40px;text-align:center;margin-bottom:12px}.detail-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.detail-meta-item p{font-size:11px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-meta-item h4{font-size:14px;color:var(--color-text);font-weight:600}.totals-panel{background:var(--color-bg);border-radius:var(--radius-lg);padding:18px 22px;min-width:260px;border:1px solid var(--color-border)}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13.5px;color:var(--color-text-secondary)}.totals-row.total-final{font-size:17px;font-weight:700;padding-top:12px;border-top:2px solid var(--color-border);margin-top:8px;color:var(--color-text)}.loading{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:14px;animation:fadeIn .25s var(--ease)}.empty{text-align:center;padding:60px 20px;color:var(--color-text-muted);animation:fadeIn .3s var(--ease)}.empty h3{font-size:16px;color:var(--color-text-secondary);margin-bottom:6px;font-weight:600}.empty p{font-size:13px}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:14px;flex-wrap:wrap;gap:8px}.pagination-info{font-size:13px;color:var(--color-text-secondary);font-weight:400}.pagination-btns{display:flex;gap:6px;align-items:center}.chart-card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px;box-shadow:var(--shadow-sm);min-width:0}.chart-title{font-size:15px;font-weight:700;margin-bottom:16px;color:var(--color-text)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.tab-pills{display:flex;gap:4px;background:var(--color-gray-light);border-radius:var(--radius);padding:4px;flex-wrap:nowrap;overflow-x:auto}.tab-pill{padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;background:none;border:none;color:var(--color-text-secondary);transition:all .15s;white-space:nowrap}.tab-pill:hover{color:var(--color-text)}.tab-pill.active{background:var(--color-card);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.settings-shell{display:flex;gap:0}.settings-sidebar{width:220px;flex-shrink:0;background:var(--color-card);border-right:1px solid var(--color-border);padding:16px 8px;overflow-y:auto}.settings-content{flex:1;padding:0 0 0 24px;min-width:0}.text-muted{font-size:11px;color:var(--color-text-muted)}.text-sm{font-size:12px}.monospace{font-family:Courier New,monospace;font-size:12px}.num-input{width:100%;padding:7px 9px;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13.5px;text-align:right;outline:none;background:var(--color-card);transition:border-color .15s,box-shadow .15s}.num-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.import-drop{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.import-drop:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.chart-span-2{grid-column:span 2}@media (max-width: 1200px){.stat-grid,.stat-grid-compact{grid-template-columns:repeat(3,1fr)}.chart-span-2{grid-column:span 2}}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}.main-content{margin-left:0}.hamburger-btn{display:flex}.sidebar--collapsed{width:240px!important}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .nav-section-label,.sidebar--collapsed .nav-group-label,.sidebar--collapsed .nav-chevron{display:block!important}.sidebar--collapsed .nav-group-header,.sidebar--collapsed a.nav-group-header{padding:10px 16px!important;justify-content:flex-start!important;gap:10px!important}.sidebar-collapse-btn{display:none!important}.main-content--collapsed{margin-left:0!important}}@media (max-width: 900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid-compact{grid-template-columns:repeat(3,1fr);gap:10px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.settings-shell{flex-direction:column;gap:0}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:8px 4px;flex-shrink:0;scrollbar-width:none}.modal .form-grid,.modal .form-grid-3,.modal .fr-grid{grid-template-columns:1fr!important}.modal-tabs{position:sticky;top:0;z-index:2;background:#fff}.settings-sidebar::-webkit-scrollbar{display:none}.settings-content{padding:16px 0 0}}@media (max-width: 768px){.page-content{padding:12px}.top-bar{padding:0 12px;height:54px}.top-bar h2{font-size:15px}.topbar-user-text{display:none!important}.notif-dropdown{position:fixed!important;right:8px!important;left:8px!important;top:58px!important;width:auto!important;max-width:100%!important;border-radius:12px!important}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;overflow-x:unset}.stat-grid-compact{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-grid-compact .stat-card{padding:10px 8px}.stat-grid-compact .stat-icon{width:28px;height:28px;font-size:12px}.stat-grid-compact .stat-info h3{font-size:14px}.stat-grid-compact .stat-info p{font-size:9px}.stat-grid .stat-card,.stats-grid .stat-card{padding:12px 10px;gap:6px;flex-direction:column;align-items:flex-start}.stat-grid .stat-icon,.stats-grid .stat-icon{width:32px;height:32px;font-size:15px;border-radius:8px}.stat-grid .stat-info,.stats-grid .stat-info{width:100%}.stat-grid .stat-info h3,.stats-grid .stat-info h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-grid .stat-info p,.stats-grid .stat-info p{font-size:10px;letter-spacing:0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}html,body{height:auto;overflow:auto}.app-shell,.main-content{height:auto;overflow:visible}.page-content{overflow:visible}.page-fit-viewport{height:auto;min-height:100%;overflow:visible}.page-fit-viewport .card{flex:none;min-height:auto;overflow:visible}.page-fit-viewport .table-wrapper{max-height:none;overflow-x:auto;overflow-y:visible}.charts-grid{grid-template-columns:1fr;gap:12px}.chart-span-2{grid-column:span 1}.chart-card{padding:14px}.chart-title{font-size:13px;margin-bottom:10px}.chart-card .recharts-responsive-container{max-height:180px!important}.form-grid,.form-grid-3,.fr-grid{grid-template-columns:1fr!important;gap:12px!important}.col-span-2,.col-span-full,.form-group-full{grid-column:span 1!important}.modal-body .form-section{margin-bottom:16px;padding-bottom:0}.modal-body .form-section-title{font-size:12px;padding-bottom:6px;margin-bottom:10px;border-bottom:none;color:#6b7280}.modal-body .form-section:last-child{margin-bottom:0}.form-group{gap:4px}.form-group label{font-size:11px;margin-bottom:2px}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar-left,.toolbar-right{width:100%}.search-wrap{max-width:100%}.filter-select{width:100%}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.page-header-actions::-webkit-scrollbar{display:none}.page-header-actions .btn{flex-shrink:0}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal-lg,.modal-sm{border-radius:16px 16px 0 0;max-height:94vh;max-width:100%!important;width:100%;height:auto;min-height:50vh;display:flex;flex-direction:column}.modal-header{padding:16px 18px 12px;flex-shrink:0}.modal-tabs{padding:0 14px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.modal-tab-btn{flex-shrink:0}.modal-body{padding:14px 18px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.modal-footer{padding:12px 18px;gap:8px;flex-shrink:0}.modal-section-card{padding:12px;margin-bottom:12px;background:#f9fafb}.modal-field-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-meta{grid-template-columns:1fr 1fr}.totals-panel{min-width:0;width:100%}.tab-pills{overflow-x:auto;flex-wrap:nowrap}.tab-pills::-webkit-scrollbar{display:none}.card,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px;font-size:12.5px}.table th,.table td{padding:9px 10px;white-space:nowrap}.bulk-bar{flex-wrap:wrap}.line-items-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.line-items-table-wrapper{display:none!important}.line-items-cards{display:block!important}.pagination{flex-direction:column;align-items:flex-start}.settings-shell{flex-direction:column}.settings-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #e5e7eb;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 8px!important;flex-shrink:0;gap:4px;height:auto!important;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-sidebar .sidebar-group{display:flex!important;flex-direction:row!important;flex-shrink:0;gap:4px;align-items:center}.settings-sidebar .sidebar-group-label{display:none!important}.settings-sidebar button{flex-shrink:0!important;white-space:nowrap!important;width:auto!important;min-width:unset!important;border-radius:20px!important;border-left:none!important;border:1.5px solid #e5e7eb!important;padding:6px 12px!important;font-size:12px!important;background:#f9fafb!important;color:#374151!important;display:flex!important;align-items:center!important;gap:6px!important}.settings-sidebar button.sidebar-active{border-color:#3b82f6!important;background:#eff6ff!important;color:#2563eb!important;font-weight:600!important}.settings-content-panel{padding:16px 14px!important}.settings-content{padding:12px 0 0}.settings-overview-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.settings-overview-search,.settings-overview-search input{width:100%!important}.settings-cards-grid{grid-template-columns:1fr!important}.settings-content-panel>div{max-width:100%!important}.roles-split,.um-row-2,.report-split,.report-bs-grid,.fr-grid{grid-template-columns:1fr!important}.table-container{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{display:none}.inv-action-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;gap:6px!important;padding:8px 12px!important;-webkit-overflow-scrolling:touch}.inv-action-row>*{flex-shrink:0!important}.inv-action-row button{white-space:nowrap;font-size:12px!important}.inv-action-row .inv-new-btn-wrapper{display:none!important}.page-actions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-actions::-webkit-scrollbar{display:none}.page-actions .btn,.page-actions .search-input,.page-actions .filter-select{flex-shrink:0}.report-filter-row{flex-wrap:wrap!important;gap:8px!important}.report-filter-row input[type=date]{width:auto;font-size:12px;padding:6px 8px}}@media (max-width: 640px){.detail-meta{grid-template-columns:1fr}.page-header h1,.page-title{font-size:18px}.page-header p{font-size:12px}}@media (max-width: 480px){.page-content{padding:10px}.top-bar{padding:0 10px}.top-bar h2{font-size:13px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-grid .stat-card,.stats-grid .stat-card{padding:10px 8px;gap:4px;flex-direction:column;align-items:flex-start}.stat-grid .stat-icon,.stats-grid .stat-icon{width:28px;height:28px;font-size:13px;border-radius:7px}.stat-grid .stat-info h3,.stats-grid .stat-info h3{font-size:14px}.stat-grid .stat-info p,.stats-grid .stat-info p{font-size:9.5px}.btn{font-size:12px;padding:7px 11px}.btn-sm{padding:5px 8px;font-size:11px}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stat-grid-compact{grid-template-columns:repeat(2,1fr);gap:8px}.stat-grid-compact .stat-card{padding:10px 8px}.stat-grid-compact .stat-icon{width:28px;height:28px}.stat-grid-compact .stat-info h3{font-size:14px}.page-fit-viewport{height:auto;min-height:100%}.page-fit-viewport .card{min-height:auto;max-height:none}.page-fit-viewport .table-wrapper{max-height:400px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stats-grid--5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1100px){.stats-grid--5{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid--5{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid--5{grid-template-columns:1fr}}.stats-grid--6{grid-template-columns:repeat(6,1fr)}@media (max-width: 1400px){.stats-grid--6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid--6{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid--6{grid-template-columns:1fr}}.stats-grid--7{grid-template-columns:repeat(7,1fr)}@media (max-width: 1500px){.stats-grid--7{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.stats-grid--7{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.stats-grid--7{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid--7{grid-template-columns:1fr}}.site-surveys-page{--ss-shadow: 0 2px 10px rgba(15, 23, 42, .06)}.site-surveys-page .form-group label{font-size:13px}.site-surveys-page .modal-header h2,.site-surveys-page .modal-header h3{font-size:18px}.site-surveys-page .filters-row-compact .btn,.site-surveys-page .pagination .btn,.site-surveys-page .modal-footer .btn,.site-surveys-page .modal-header>.btn{height:40px;font-size:14px;padding:0 14px;border-radius:var(--radius)}.site-surveys-page .pagination .btn-sm{height:36px;padding:0 12px}.site-surveys-page .pagination .btn-icon{height:36px;min-width:36px}.site-surveys-page .filters-row-compact .btn-icon,.site-surveys-page .modal-header>.btn-icon{height:40px;min-width:40px;padding:0 10px}.site-surveys-page .form-control,.site-surveys-page .filter-select{min-height:40px;height:40px;font-size:13.5px;padding:8px 10px;border-radius:var(--radius)}.site-surveys-page textarea.form-control{height:auto;min-height:64px}.site-surveys-page .badge{border-radius:999px}.site-surveys-page .stat-grid-compact{gap:16px;margin-bottom:0}.site-surveys-page .stat-grid-compact .stat-card{height:76px;padding:0 16px;border-radius:12px;box-shadow:0 2px 8px #0f172a12;background:var(--color-card);border:1px solid var(--color-border);border-top:3px solid #CBD5E1;align-items:center;cursor:pointer;transition:box-shadow .15s,border-color .15s,border-top-color .15s,background .15s,transform .15s}.site-surveys-page .stat-grid-compact .stat-card:before,.site-surveys-page .stat-grid-compact .stat-card:after{display:none}.site-surveys-page .stat-grid-compact .stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a21}.site-surveys-page .stat-grid-compact .stat-icon{width:38px;height:38px;font-size:15px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-gray-light);color:var(--color-text-secondary);border-radius:10px}.site-surveys-page .stat-grid-compact .stat-card--primary .stat-icon{background:var(--color-primary-light);color:var(--color-primary)}.site-surveys-page .stat-grid-compact .stat-card--warning .stat-icon{background:var(--color-warning-light);color:var(--color-warning-hover)}.site-surveys-page .stat-grid-compact .stat-card--success .stat-icon{background:var(--color-success-light);color:var(--color-success-hover)}.site-surveys-page .stat-grid-compact .stat-card--danger .stat-icon{background:var(--color-danger-light);color:var(--color-danger-hover)}.site-surveys-page .stat-grid-compact .stat-info h3{font-size:22px;font-weight:700;color:var(--color-text)}.site-surveys-page .stat-grid-compact .stat-info p{font-size:12px;font-weight:500;color:var(--color-text-secondary);opacity:1}.site-surveys-page .table{font-size:14px}.site-surveys-page .table th{padding:12px 20px;font-size:13px;background:#f8fafc}.site-surveys-page .table td{padding:16px 20px}.site-surveys-page .table tbody tr{height:56px}.site-surveys-page .modal-body{padding:24px}.site-surveys-page .modal-footer{padding:16px 24px}.site-surveys-page .form-grid{gap:16px}.site-surveys-page .empty-state-rich{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px}.site-surveys-page .empty-state-rich i{font-size:32px;color:var(--color-text-muted);margin-bottom:4px}.site-surveys-page .empty-state-rich h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0}.site-surveys-page .empty-state-rich p{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px}.site-surveys-page .ss-kpi-row{flex-shrink:0;margin-top:4px;margin-bottom:14px;padding:0}.site-surveys-page>.card{padding:0;overflow:visible;box-shadow:0 2px 16px #0f172a17}.site-surveys-page .filters-row-compact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0;background:var(--color-gray-light)}.site-surveys-page .filters-row-compact .filter-date{width:130px;max-width:130px;flex-shrink:1;min-width:0}.site-surveys-page .search-wrap-compact{position:relative;width:220px;flex-shrink:0}.site-surveys-page .search-wrap-compact i.fa-magnifying-glass{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:13px;pointer-events:none}.site-surveys-page .search-wrap-compact .search-input{min-height:40px;height:40px;width:100%;padding-left:34px;padding-right:30px;border-radius:var(--radius)}.site-surveys-page .search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex}.site-surveys-page .search-clear-btn:hover{color:var(--color-text)}.site-surveys-page .pagination{padding:14px 20px}.site-surveys-page .more-actions-menu{position:relative}.site-surveys-page .more-actions-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:220px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:6px}.site-surveys-page .more-actions-item{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;width:100%;border:none;background:transparent;border-radius:6px;font-size:13px;color:var(--color-text);cursor:pointer;text-align:left}.site-surveys-page .more-actions-item:hover{background:var(--color-gray-light)}.site-surveys-page .more-actions-label{font-size:10.5px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;padding:4px 10px 0}.site-surveys-page .form-group label{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px;display:inline-block}.site-surveys-page .survey-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.site-surveys-page .form-section-label{grid-column:1 / -1;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted);padding-top:14px;margin-top:2px;border-top:1px solid var(--color-border)}.site-surveys-page .survey-form-grid>.form-section-label:first-child{padding-top:0;margin-top:0;border-top:none}@media (max-width: 640px){.site-surveys-page .survey-form-grid{grid-template-columns:1fr}}.expense-ledger-page{--el-space-1: 8px;--el-space-2: 16px;--el-space-3: 24px}.expense-ledger-page .form-group label{font-size:13px}.expense-ledger-page .modal-header h2{font-size:18px}.expense-ledger-page .page-actions .btn,.expense-ledger-page .pagination .btn,.expense-ledger-page .modal-footer .btn,.expense-ledger-page .modal-header>.btn{height:36px;font-size:14px;padding:0 14px}.expense-ledger-page .page-actions .btn-icon,.expense-ledger-page .modal-header>.btn-icon{height:36px;min-width:36px;padding:0 9px}.expense-ledger-page .form-control,.expense-ledger-page .filter-select,.expense-ledger-page .search-input{min-height:38px;height:38px;font-size:13.5px}.expense-ledger-page textarea.form-control{height:auto;min-height:64px}.expense-ledger-page .stats-grid{gap:var(--el-space-2);margin-bottom:var(--el-space-2)}.expense-ledger-page .stat-card{padding:14px 16px;border-radius:10px;box-shadow:0 1px 3px #0f172a14;align-items:center}.expense-ledger-page .stat-card:hover{transform:none;box-shadow:0 2px 8px #0f172a1f}.expense-ledger-page .stat-card:before{width:56px;height:56px;opacity:.12;top:-18px;right:-14px}.expense-ledger-page .stat-card:after{width:32px;height:32px;opacity:.12;bottom:-8px;right:22px}.expense-ledger-page .stat-icon{width:36px;height:36px;font-size:15px}.expense-ledger-page .stat-icon i{font-size:15px!important}.expense-ledger-page .stat-info p{font-size:10.5px;margin-bottom:3px}.expense-ledger-page .stat-info h3{font-size:18px}.expense-ledger-page .page-header{margin-bottom:var(--el-space-2)}.expense-ledger-page .page-actions{gap:var(--el-space-1)}.expense-ledger-page .data-table{font-size:14px}.expense-ledger-page .data-table th{padding:10px 16px;font-size:11.5px}.expense-ledger-page .data-table td{padding:9px 16px}.expense-ledger-page .data-table td>div[style*="display: flex"]{gap:6px}.expense-ledger-page .modal-body{padding:var(--el-space-3)}.expense-ledger-page .modal-footer{padding:var(--el-space-2) var(--el-space-3)}.expense-ledger-page .form-grid{gap:var(--el-space-2)}.expense-ledger-page .table-container,.cash-register-page .table-container,.bank-register-page .table-container{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;-ms-overflow-style:auto}.expense-ledger-page .table-container::-webkit-scrollbar,.cash-register-page .table-container::-webkit-scrollbar,.bank-register-page .table-container::-webkit-scrollbar{display:block;width:6px}.expense-ledger-page .table-container::-webkit-scrollbar-thumb,.cash-register-page .table-container::-webkit-scrollbar-thumb,.bank-register-page .table-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.expense-ledger-page .table-container::-webkit-scrollbar-track,.cash-register-page .table-container::-webkit-scrollbar-track,.bank-register-page .table-container::-webkit-scrollbar-track{background:transparent}.page-fit-viewport .preview-table-container{flex-shrink:0;max-height:220px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.page-container{padding:0}.page-title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.table-container{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:540px}.data-table th{padding:12px 16px;background:var(--color-bg);font-size:12px;font-weight:600;color:var(--color-text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text);transition:background-color .15s ease}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n) td{background:#f8fafc99}.data-table .clickable-row{cursor:pointer;transition:background-color .15s ease}.data-table .clickable-row:hover td{background-color:var(--color-primary-light)!important}.loading-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:14px;animation:fadeIn .25s var(--ease)}.spinner{width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skeleton{position:relative;overflow:hidden;background:var(--color-gray-light);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeletonShimmer 1.4s infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-row{height:16px;margin:6px 0}.skeleton-text{height:12px;border-radius:4px}.fr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fr-grid-single{display:grid;grid-template-columns:1fr;gap:16px}.um-row-2{display:grid;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1 / -1}.link-btn{background:none;border:none;padding:0;color:var(--color-primary);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none}.link-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.btn-danger-icon{height:32px;min-width:32px;padding:0 9px;background:none;border:1px solid var(--color-danger-border);color:var(--color-danger);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;line-height:1;transition:background .15s}.btn-danger-icon:hover{background:var(--color-danger-light)}.row-selected td{background:var(--color-primary-light)!important}.empty-state{text-align:center;padding:56px 20px;color:var(--color-text-muted);font-size:14px;animation:fadeIn .3s var(--ease)}.empty-state:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;display:block;font-size:30px;color:var(--color-border-strong);margin-bottom:10px}.mobile-cards{display:none}@media (max-width: 640px){.data-table{display:table!important;min-width:100%}.mobile-cards{display:block!important;padding:12px}.page-header{flex-direction:column;align-items:flex-start!important;gap:8px!important}.page-actions{width:100%;justify-content:flex-start}.search-input{width:100%!important;max-width:100%!important}.table-container{border-radius:0;border-left:none;border-right:none;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.table-container::-webkit-scrollbar{display:none}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}}.ur-kpi-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.ur-kpi-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ur-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ur-toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ur-table-wrap{display:block}.ur-cards{display:none}@media (max-width: 640px){.ur-kpi-4,.ur-kpi-3{grid-template-columns:repeat(2,1fr);gap:8px}.ur-kpi-4>div,.ur-kpi-3>div{flex-direction:column!important;align-items:flex-start!important;padding:10px!important;gap:6px!important}.ur-kpi-4>div>div:first-child,.ur-kpi-3>div>div:first-child{width:32px!important;height:32px!important;font-size:15px!important;border-radius:8px!important}.ur-kpi-4>div>div:last-child>div:first-child,.ur-kpi-3>div>div:last-child>div:first-child{font-size:9.5px!important}.ur-kpi-4>div>div:last-child>div:last-child,.ur-kpi-3>div>div:last-child>div:last-child{font-size:18px!important}.ur-toolbar,.ur-toolbar-right{flex-direction:column;align-items:stretch}.ur-toolbar-right input,.ur-toolbar-right select{width:100%!important}.ur-toolbar-right button{width:100%;justify-content:center}.ur-table-wrap{display:none}.ur-cards{display:flex;flex-direction:column;gap:10px;padding:12px}.ur-modal{max-width:100%!important;max-height:100%!important;height:100%!important;border-radius:0!important;margin:0!important}.ur-perms-table{overflow-x:auto}}.quote-preview-modal{max-width:740px;display:flex;flex-direction:column;max-height:92vh;overflow:hidden}.quote-preview-header{border-radius:14px 14px 0 0;padding:20px 20px 16px;position:relative;overflow:hidden;flex-shrink:0}.quote-preview-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:5}.quote-preview-header-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.quote-preview-icon{width:56px;height:56px;border-radius:14px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.quote-preview-header-info{min-width:0}.quote-preview-header-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:5}.quote-preview-header-btn{padding:7px 12px;border-radius:8px;border:1.5px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.quote-preview-header-btn.invoice{background:#8b5cf64d}.quote-preview-header-btn.sales-order{background:#10b9814d}.quote-preview-close-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10}.quote-preview-metrics{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.quote-preview-metric{flex:1;min-width:110px;background:#ffffff1a;border-radius:8px;padding:9px 12px}.quote-preview-metric.highlight{background:#ffffff2e}.quote-preview-metric-label{font-size:9px;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.quote-preview-metric-value{font-size:.95rem;font-weight:700;color:#fff}.quote-preview-metric-value.large{font-size:1.1rem;font-weight:800}.quote-preview-body{padding:18px 20px;overflow-y:auto;flex:1}.quote-preview-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.quote-preview-line-items{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.quote-preview-line-items table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.quote-preview-footer{border-top:1px solid #e5e7eb;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:8px;flex-wrap:wrap;position:relative;z-index:10}.quote-footer-toggle{display:none}.quote-footer-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;flex-wrap:wrap}.quote-preview-footer-right{display:flex;gap:8px;flex-wrap:wrap}.quote-preview-footer .btn{pointer-events:auto;position:relative;z-index:1}@media (max-width: 768px){.quote-preview-modal{max-width:100%!important;max-height:100%!important;height:100%!important;border-radius:0!important;margin:0!important}.quote-preview-header{border-radius:0;padding:16px 16px 14px}.quote-preview-header-content{flex-direction:column;gap:12px}.quote-preview-header-left{width:100%}.quote-preview-icon{width:44px;height:44px;font-size:20px;border-radius:10px}.quote-preview-header-actions{width:100%;justify-content:flex-start;gap:6px}.quote-preview-header-btn{padding:6px 10px;font-size:11px}.quote-preview-header-btn .btn-text{display:none}.quote-preview-close-btn{position:absolute;top:12px;right:12px}.quote-preview-metrics{gap:8px}.quote-preview-metric{min-width:calc(50% - 4px);flex:0 0 calc(50% - 4px);padding:8px 10px}.quote-preview-metric-label{font-size:8px}.quote-preview-metric-value{font-size:.85rem}.quote-preview-metric-value.large{font-size:.95rem}.quote-preview-body{padding:14px 16px}.quote-preview-info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.quote-preview-footer{padding:0;flex-direction:column;align-items:stretch}.quote-footer-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:background .2s}.quote-footer-toggle:active{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.quote-footer-toggle i{transition:transform .3s}.quote-footer-actions{display:none;flex-direction:column;padding:12px 16px;background:#f8fafc}.quote-footer-actions.expanded{display:flex}.quote-preview-footer>button:first-child{order:2;margin-top:8px}.quote-preview-footer-right{width:100%;flex-direction:column}.quote-preview-footer-right .btn{width:100%;justify-content:center}}@media (max-width: 480px){.quote-preview-header{padding:14px 14px 12px}.quote-preview-icon{width:40px;height:40px;font-size:18px;border-radius:8px}.quote-preview-header-left{gap:10px}.quote-preview-header-info h2{font-size:1rem!important}.quote-preview-header-info>div:nth-child(2){font-size:11px!important}.quote-preview-header-actions{gap:4px}.quote-preview-header-btn{padding:5px 8px;font-size:10px}.quote-preview-metric{min-width:calc(50% - 4px);padding:7px 8px}.quote-preview-info-grid{grid-template-columns:1fr}.quote-preview-body{padding:12px 14px}.quote-preview-footer{padding:10px 14px}.quote-preview-footer-right .btn{font-size:12px;padding:8px 12px}}.filter-bar{display:flex;flex-direction:column;gap:10px;padding:12px 20px;background:var(--color-card);border-bottom:1px solid var(--color-border)}.page-fit-viewport .stat-grid .stat-card,.page-fit-viewport .stats-grid .stat-card{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-top:3px solid #94A3B8!important;border-radius:12px!important;box-shadow:0 2px 8px #0f172a12!important;height:76px!important;padding:0 16px!important;align-items:center!important;transition:box-shadow .15s,transform .15s!important}.page-fit-viewport .stat-grid .stat-card:hover,.page-fit-viewport .stats-grid .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #0f172a21!important}.page-fit-viewport .stat-grid .stat-card:before,.page-fit-viewport .stat-grid .stat-card:after,.page-fit-viewport .stats-grid .stat-card:before,.page-fit-viewport .stats-grid .stat-card:after{display:none!important}.page-fit-viewport .stat-grid .stat-icon,.page-fit-viewport .stats-grid .stat-icon{width:38px!important;height:38px!important;font-size:15px!important;border-radius:10px!important;background:var(--color-gray-light)!important;color:var(--color-text-secondary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.page-fit-viewport .stat-card--primary{border-top-color:var(--color-primary)!important}.page-fit-viewport .stat-card--primary .stat-icon{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.page-fit-viewport .stat-card--success{border-top-color:#16a34a!important}.page-fit-viewport .stat-card--success .stat-icon{background:#f0fdf4!important;color:#16a34a!important}.page-fit-viewport .stat-card--warning{border-top-color:#d97706!important}.page-fit-viewport .stat-card--warning .stat-icon{background:#fffbeb!important;color:#d97706!important}.page-fit-viewport .stat-card--danger{border-top-color:#dc2626!important}.page-fit-viewport .stat-card--danger .stat-icon{background:#fef2f2!important;color:#dc2626!important}.page-fit-viewport .stat-card--info{border-top-color:#0284c7!important}.page-fit-viewport .stat-card--info .stat-icon{background:#f0f9ff!important;color:#0284c7!important}.page-fit-viewport .stat-grid .stat-info h3,.page-fit-viewport .stats-grid .stat-info h3{font-size:22px!important;font-weight:700!important;color:var(--color-text)!important;letter-spacing:normal!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-fit-viewport .stats-grid--5 .stat-info h3{font-size:17px!important}.invoices-summary-bar .stat-card{background:var(--color-card)!important;border:1px solid var(--color-border)!important;border-top:3px solid #94A3B8!important;box-shadow:0 1px 4px #0f172a14!important}.invoices-summary-bar .stat-card:before,.invoices-summary-bar .stat-card:after{display:none!important}.invoices-summary-bar .stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #0f172a1f!important}.invoices-summary-bar .stat-icon{background:var(--color-gray-light)!important;color:var(--color-text-secondary)!important;width:38px!important;height:38px!important;font-size:15px!important;border-radius:10px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.invoices-summary-bar .stat-info h3{color:var(--color-text)!important;font-size:15px!important;font-weight:700!important;letter-spacing:normal!important}.invoices-summary-bar .stat-info p{color:var(--color-text-secondary)!important;font-size:11px!important;font-weight:500!important}.invoices-summary-bar .stat-card--primary{border-top-color:var(--color-primary)!important}.invoices-summary-bar .stat-card--primary .stat-icon{background:var(--color-primary-light)!important;color:var(--color-primary)!important}.invoices-summary-bar .stat-card--warning{border-top-color:#d97706!important}.invoices-summary-bar .stat-card--warning .stat-icon{background:#fffbeb!important;color:#d97706!important}.invoices-summary-bar .stat-card--danger{border-top-color:#dc2626!important}.invoices-summary-bar .stat-card--danger .stat-icon{background:#fef2f2!important;color:#dc2626!important}.invoices-summary-bar .stat-card--success{border-top-color:#16a34a!important}.invoices-summary-bar .stat-card--success .stat-icon{background:#f0fdf4!important;color:#16a34a!important}.invoices-summary-bar .stat-card--active{box-shadow:0 0 0 2px var(--color-primary),0 4px 12px #00000026!important;transform:translateY(-2px)!important}.page-fit-viewport .stats-grid--6 .stat-info h3{font-size:15px!important}.page-fit-viewport .stat-grid .stat-info p,.page-fit-viewport .stats-grid .stat-info p{font-size:12px!important;font-weight:500!important;color:var(--color-text-secondary)!important;opacity:1!important;text-transform:none!important;letter-spacing:normal!important;margin-bottom:0!important}.page-fit-viewport .stat-grid,.page-fit-viewport .stats-grid{margin-top:4px;margin-bottom:14px}.page-fit-viewport>.page-header{background:var(--color-gray-light);border:1px solid var(--color-border);border-radius:12px 12px 0 0;padding:10px 20px;margin-bottom:0;align-items:center;box-shadow:0 2px 16px #0f172a17}.page-fit-viewport>.filter-bar{border-top:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.page-fit-viewport>.table-container{border-radius:0!important;border-top:none!important;border-left:1px solid var(--color-border)!important;border-right:1px solid var(--color-border)!important;border-bottom:none!important;box-shadow:none!important}.page-fit-viewport>.pagination{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:0 0 12px 12px;padding:12px 20px;background:var(--color-card);box-shadow:0 4px 16px #0f172a0f}.stat-card[data-tooltip]{position:relative}.stat-card[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;font-size:11.5px;line-height:1.55;font-weight:400;padding:8px 12px;border-radius:8px;white-space:pre-line;width:220px;text-align:left;box-shadow:0 4px 16px #00000038;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;transform:translate(-50%) translateY(4px);z-index:9999}.stat-card[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border:6px solid transparent;border-top-color:#1e293b;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;z-index:9999}.stat-card[data-tooltip]:hover:after,.stat-card[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}