:root,[data-theme=light]{--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ml: "Noto Sans Malayalam", "Inter", sans-serif;--theme-mode: "light";--primary-navy: #142C55;--primary-blue: #3478F6;--primary-blue-hover: #2563EB;--primary-blue-active: #1D4ED8;--primary-blue-subtle: #E7F0FF;--primary-blue-border: #BFDBFE;--bg-app: #F6F8FC;--bg-card: #FFFFFF;--bg-surface: #FFFFFF;--bg-surface-elevated: #FFFFFF;--bg-subtle: #F1F5F9;--bg-muted: #E2E8F0;--bg-input: #FFFFFF;--bg-sidebar: #142C55;--text-sidebar: #F1F5FB;--text-sidebar-muted: #8FA2BF;--border-sidebar: rgba(255, 255, 255, .08);--bg-sidebar-hover: rgba(255, 255, 255, .07);--bg-sidebar-active: #3478F6;--text-sidebar-active: #FFFFFF;--bg-header: #FFFFFF;--border-header: #E3E9F1;--text-primary: #192D46;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--text-on-blue: #FFFFFF;--border-light: #E3E9F1;--border-medium: #CBD5E1;--border-dark: #94A3B8;--border-focus: #3478F6;--table-header-bg: #F8FAFC;--table-row-hover: #F1F5F9;--table-border: #E3E9F1;--table-alt-row: #FAFCFF;--status-success: #15803D;--status-success-bg: #DCFCE7;--status-success-border: #BBF7D0;--status-warning: #B45309;--status-warning-bg: #FEF3C7;--status-warning-border: #FDE68A;--status-danger: #B91C1C;--status-danger-bg: #FEE2E2;--status-danger-border: #FECACA;--status-info: #0369A1;--status-info-bg: #E0F2FE;--status-info-border: #BAE6FD;--modal-backdrop: rgba(15, 23, 42, .65);--modal-bg: #FFFFFF;--sidebar-width: 230px;--header-height: 58px;--bottom-nav-height: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .15), 0 8px 10px -6px rgba(0, 0, 0, .1);--transition-fast: .12s ease;--transition-normal: .16s ease;--transition-smooth: .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--theme-mode: "dark";--primary-navy: #142C55;--primary-blue: #3478F6;--primary-blue-hover: #4B8BF8;--primary-blue-active: #629CF9;--primary-blue-subtle: #1E3352;--primary-blue-border: #2C4A75;--bg-app: #0D1728;--bg-card: #17263B;--bg-surface: #17263B;--bg-surface-elevated: #1F3048;--bg-subtle: #1C2E46;--bg-muted: #243B5A;--bg-input: #121E31;--bg-sidebar: #0B1321;--text-sidebar: #F1F5FB;--text-sidebar-muted: #7E93AF;--border-sidebar: #1E2D42;--bg-sidebar-hover: rgba(255, 255, 255, .05);--bg-sidebar-active: #3478F6;--text-sidebar-active: #FFFFFF;--bg-header: #17263B;--border-header: #31435B;--text-primary: #F1F5FB;--text-secondary: #A9B9CE;--text-muted: #6C829E;--text-inverse: #0D1728;--text-on-blue: #FFFFFF;--border-light: #31435B;--border-medium: #3E5473;--border-dark: #5B7496;--border-focus: #3478F6;--table-header-bg: #132033;--table-row-hover: #1E3048;--table-border: #31435B;--table-alt-row: #152438;--status-success: #4ADE80;--status-success-bg: #064E3B;--status-success-border: #065F46;--status-warning: #FBBF24;--status-warning-bg: #451A03;--status-warning-border: #78350F;--status-danger: #F87171;--status-danger-bg: #450A0A;--status-danger-border: #7F1D1D;--status-info: #38BDF8;--status-info-bg: #0C4A6E;--status-info-border: #075985;--modal-backdrop: rgba(3, 7, 18, .78);--modal-bg: #17263B;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-modal: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-app)}.sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);display:flex;flex-direction:column;flex-shrink:0;z-index:30;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-header{height:var(--header-height);padding:0 18px;border-bottom:1px solid var(--border-sidebar);display:flex;align-items:center;gap:12px}.brand-badge{background:linear-gradient(135deg,#3478f6,#142c55);color:#fff;font-weight:800;font-size:13px;padding:6px 9px;border-radius:var(--radius-sm);letter-spacing:.5px;box-shadow:0 2px 4px #00000026;display:inline-flex;align-items:center;justify-content:center}.brand-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px}.brand-tagline{font-size:11px;color:var(--text-sidebar-muted);font-weight:500}.sidebar-nav{padding:14px 10px;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.sidebar-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-sidebar-muted);padding:10px 14px 4px;opacity:.8}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-sidebar-muted);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--text-sidebar)}.nav-item.active{background-color:var(--bg-sidebar-active);color:var(--text-sidebar-active);font-weight:600;box-shadow:0 2px 4px #3478f640}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border-sidebar);font-size:11px;color:var(--text-sidebar-muted);display:flex;flex-direction:column;gap:4px}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--bg-app)}.top-header{height:var(--header-height);background-color:var(--bg-header);border-bottom:1px solid var(--border-header);display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-left{display:flex;align-items:center;gap:14px}.header-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-light);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background-color:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-medium)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-full);font-size:12px;font-weight:600;border:1px solid transparent}.status-online{background-color:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success-border)}.status-offline{background-color:var(--status-warning-bg);color:var(--status-warning);border-color:var(--status-warning-border)}.status-syncing{background-color:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info-border)}.status-dot{width:7px;height:7px;border-radius:50%;background-color:currentColor}.pending-badge{background-color:var(--status-warning-bg);color:var(--status-warning);border:1px solid var(--status-warning-border);padding:4px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.2px;border:1px solid transparent;white-space:nowrap}.badge-submitted{background-color:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info-border)}.badge-invoiced{background-color:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success-border)}.badge-cancelled{background-color:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.badge-draft{background-color:var(--bg-subtle);color:var(--text-secondary);border-color:var(--border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 1px 2px #3478f633}.btn-primary:hover:not(:disabled){background-color:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--border-medium);color:var(--text-primary)}.btn-danger{background-color:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger-border)}.btn-danger:hover:not(:disabled){background-color:var(--status-danger);color:#fff}.btn-outline{background-color:transparent;color:var(--primary-blue);border-color:var(--primary-blue)}.btn-outline:hover:not(:disabled){background-color:var(--primary-blue-subtle)}.btn-sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{padding:11px 20px;font-size:14px;font-weight:700;border-radius:var(--radius-md)}.btn-icon{padding:7px;border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.content-body{flex:1;overflow-y:auto;padding:20px 24px}.content-body>div{max-width:1160px!important;width:100%;margin-left:auto!important;margin-right:auto!important}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;transition:border-color var(--transition-fast),transform var(--transition-fast)}.kpi-card:hover{border-color:var(--border-medium)}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpi-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary)}.kpi-icon-wrap{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--primary-blue-subtle);color:var(--primary-blue)}.kpi-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.kpi-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.metric-card{position:relative;border-top:3px solid var(--primary-blue);background-color:var(--bg-card);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.metric-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.4px;margin:2px 0}.metric-sub{font-size:12px;color:var(--text-muted)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);background-color:var(--bg-input);outline:none;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-subtle)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input-num{font-variant-numeric:tabular-nums;text-align:right}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=number].no-spin::-webkit-outer-spin-button,input[type=number].no-spin::-webkit-inner-spin-button,.input-num::-webkit-outer-spin-button,.input-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=number].no-spin,.input-num{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.search-bar{display:flex;align-items:center;position:relative;width:100%}.search-bar svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:9px 12px 9px 36px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;background-color:var(--bg-input);color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-subtle)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--table-border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-card);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{background-color:var(--table-header-bg);color:var(--text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding:12px 14px;border-bottom:1px solid var(--table-border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--table-border);color:var(--text-primary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover td{background-color:var(--table-row-hover)}.tab-group{display:inline-flex;background-color:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:3px;gap:2px}.tab-btn{padding:6px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background-color:var(--bg-card);color:var(--primary-blue);box-shadow:var(--shadow-xs)}.segmented-group{display:inline-flex;align-items:center;background-color:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented-btn{padding:5px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background-color:var(--bg-card);color:var(--primary-blue);border-color:var(--border-light);box-shadow:var(--shadow-xs)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .16s ease-out}.modal-dialog{background-color:var(--modal-bg);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:540px;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .16s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-surface)}.modal-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.modal-body{padding:20px;overflow-y:auto;max-height:calc(85vh - 120px)}.modal-footer{padding:14px 20px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:10px;background-color:var(--bg-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:var(--bg-header);border-top:1px solid var(--border-header);z-index:50;justify-content:space-around;align-items:center;padding:0 4px;box-shadow:0 -2px 10px #0000000d}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;flex:1;padding:6px 0;min-height:44px;transition:color var(--transition-fast)}.mobile-nav-btn.active{color:var(--primary-blue);font-weight:700}.mobile-nav-btn.highlight{color:var(--primary-blue)}.mobile-nav-btn.highlight .icon-wrap{background-color:var(--primary-blue);color:#fff;padding:7px 14px;border-radius:var(--radius-full);display:inline-flex;box-shadow:0 2px 5px #3478f659}.sticky-bottom-action{position:sticky;bottom:0;left:0;right:0;background-color:var(--bg-card);border-top:1px solid var(--border-light);padding:12px 18px;box-shadow:0 -2px 8px #0000000f;display:flex;justify-content:space-between;align-items:center;z-index:30}.animate-spin,.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-nav{display:none}@media (max-width: 768px){.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background-color:var(--bg-card);border-top:1px solid var(--border-light);align-items:center;justify-content:space-around;padding:0 2px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:50;box-shadow:0 -2px 10px #0000000d}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;padding:4px 2px;border-radius:var(--radius-sm);flex:1;min-width:0;min-height:44px;transition:color var(--transition-fast)}.mobile-nav-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.mobile-nav-btn:hover{color:var(--text-primary)}.mobile-nav-btn.active{color:var(--primary-blue);font-weight:700}.mobile-nav-btn.highlight,.mobile-nav-btn.highlight.active{color:var(--primary-blue)}.mobile-nav-btn .icon-wrap{display:flex;align-items:center;justify-content:center}.mobile-nav-btn.highlight .icon-wrap{background-color:var(--primary-blue);color:#fff;padding:4px 8px;border-radius:var(--radius-full);display:inline-flex;box-shadow:0 2px 5px #3478f659}.sticky-bottom-action{position:sticky;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));z-index:45;padding:10px 14px;gap:10px;background-color:var(--bg-card)}.content-body{padding:12px;padding-bottom:calc(var(--bottom-nav-height) + 85px + env(safe-area-inset-bottom,0px))}.top-header{padding:0 12px;height:50px}.header-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 600px){.modal-backdrop{padding:8px;align-items:flex-end}.modal-dialog{max-height:94vh;border-radius:var(--radius-lg);width:100%}.modal-header{padding:12px 14px}.modal-title{font-size:15px}.modal-body{padding:14px;max-height:calc(94vh - 105px)}.modal-footer{padding:10px 14px;flex-wrap:wrap;gap:8px}}@media (max-width: 480px){.top-header{padding:0 8px;height:48px;gap:6px}.header-category{display:none!important}.header-title{font-size:13px;max-width:110px}.header-actions{gap:5px}.header-btn-text,.status-pill-text,.pending-badge-text{display:none!important}.status-pill{padding:4px 6px;gap:3px;font-size:11px}.pending-badge{padding:4px 6px}.header-action-btn{padding:5px 7px!important}.theme-toggle-btn{width:30px;height:30px;padding:5px}.kpi-grid{grid-template-columns:1fr}.mobile-nav-btn{font-size:9.5px;padding:4px 1px}.mobile-nav-btn svg{width:16px;height:16px}.mobile-nav-btn.highlight .icon-wrap{padding:3px 6px}}@media (max-width: 360px){.top-header{padding:0 4px}.header-title{font-size:12px;max-width:85px}.mobile-nav-btn{font-size:9px}.mobile-nav-btn svg{width:14px;height:14px}}.invoice-a4-document,.po-a4-document{width:100%;max-width:820px;margin:0 auto;background-color:#fff!important;color:#0f172a!important;font-family:var(--font-main);border-radius:var(--radius-md);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;border:1px solid #CBD5E1;overflow:visible}@media print{.sidebar,.top-header,.mobile-nav,.sticky-bottom-action,.no-print,button:not(.allow-print){display:none!important}html,body{height:auto!important;background:#fff!important;color:#000!important;font-size:11pt!important;line-height:1.35!important;margin:0!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app-container,.main-wrapper,.content-body{display:block!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:#fff!important;color:#000!important}.content-body>div{max-width:100%!important;margin:0!important}.modal-backdrop{position:static!important;background:transparent!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-dialog{max-width:100%!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;background:#fff!important;color:#000!important;padding:0!important;margin:0!important}.invoice-a4-document,.po-a4-document{box-shadow:none!important;border:none!important;border-radius:0!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;page-break-after:avoid;break-after:avoid}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}.print-avoid-break{page-break-inside:avoid!important;break-inside:avoid!important}@page{size:A4 portrait;margin:10mm}}.order-table-desktop{display:block}.order-cards-mobile{display:none}@media (max-width: 768px){.order-table-desktop{display:none!important}.order-cards-mobile{display:flex!important;flex-direction:column;gap:12px}}.customer-table-desktop{display:block}.customer-cards-mobile{display:none}@media (max-width: 768px){.customer-table-desktop{display:none!important}.customer-cards-mobile{display:flex!important;flex-direction:column;gap:12px}}html,body{max-width:100vw;overflow-x:hidden}#root,.app-container,.main-wrapper{max-width:100%;overflow-x:hidden}.table-container{-webkit-overflow-scrolling:touch}