@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ui-scale:.92}html{scrollbar-gutter:stable both-edges;min-height:100%;font-size:13px}body{min-height:100%;font-family:var(--font);background:var(--bg-page);color:var(--text-primary);font-size:13px;line-height:1.5;overflow:auto}::-webkit-scrollbar-thumb{background:#ccc padding-box content-box;border:1px solid #0000;border-radius:4px}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#ccc transparent}html{scrollbar-gutter:stable}#root{box-sizing:border-box;width:100%;min-height:100%;overflow-x:hidden}h1,h2,h3{margin-bottom:6px;font-size:16px}.card{padding:10px}.table th,.table td{padding:6px 8px;font-size:13px}input,select{height:32px;padding:4px 6px;font-size:13px}button{padding:6px 10px;font-size:13px}.filter-row{flex-wrap:nowrap;gap:8px;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e3a8a;--primary-dark:#172554;--primary-light:#3b82f6;--accent:#3b82f6;--accent-hover:#2563eb;--bg-page:#f5f7fb;--bg-card:#fff;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-hover:#3b82f61a;--topbar-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--sidebar-width:210px;--topbar-height:56px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}html,body{height:100%}.page-body{background:var(--bg-page);flex:1;padding:10px 14px}button{cursor:pointer;font-family:var(--font)}input{font-family:var(--font)}a{color:inherit;text-decoration:none}.login-page{background:#f8fafc;height:100vh;display:flex;overflow:auto}.login-left{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-left:before{display:none}.login-left-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex;position:relative}.login-logo{object-fit:contain;width:200px;height:auto}.login-brand-title{color:#1e3a8a;letter-spacing:2px;text-transform:uppercase;font-size:2rem;font-weight:700}.login-brand-subtitle{color:#64748b;letter-spacing:1px;font-size:1rem;font-weight:400}.login-brand-tag{color:#94a3b8;letter-spacing:.5px;margin-top:8px;font-size:.78rem}.login-right{background:#f8fafc;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-box{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;padding:48px 44px}.login-form-title{color:var(--primary-dark);margin-bottom:6px;font-size:1.6rem;font-weight:700}.login-form-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.88rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:.82rem;font-weight:600;display:block}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#f8fafc;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#b0bec5}.password-wrapper{position:relative}.password-toggle{color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:.85rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-btn{color:#fff;border-radius:var(--radius-sm);letter-spacing:.3px;background:#1e3a8a;border:none;width:100%;margin-top:8px;padding:11px;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.login-btn:hover{background:#172554;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.forgot-link{text-align:center;color:var(--primary);margin-top:18px;font-size:.86rem;font-weight:500;display:block}.forgot-link:hover{color:var(--accent);text-decoration:underline}.login-error{color:#b91c1c;border-radius:var(--radius-sm);background:#fee2e2;border:1px solid #fca5a5;margin-bottom:18px;padding:10px 14px;font-size:.86rem}.session-page{background:var(--bg-page);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex;overflow:auto}.session-card{border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;padding:56px 48px}.session-icon{margin-bottom:20px;font-size:3.5rem}.session-title{color:var(--primary-dark);margin-bottom:10px;font-size:1.5rem;font-weight:700}.session-msg{color:var(--text-secondary);margin-bottom:32px;font-size:.94rem;line-height:1.6}.session-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);border:none;padding:12px 36px;font-size:.96rem;font-weight:600;transition:background .2s;display:inline-block;box-shadow:0 4px 14px #1a3a5c4d}.session-btn:hover{background:var(--primary-light)}.app-layout{width:100vw;height:auto;display:flex;overflow:visible}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:100;flex-direction:column;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{min-height:var(--topbar-height);border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 16px;display:flex}.sidebar-logo-wrap{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:4px;display:flex;box-shadow:0 1px 4px #0003}.sidebar-logo{object-fit:contain;width:34px;height:34px;display:block}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:#60a5fa;letter-spacing:1px;font-size:.88rem;font-weight:700;line-height:1.2}.sidebar-nav{flex:1;padding:16px 0}.sidebar-nav-item{position:relative}.sidebar-nav-link{color:var(--sidebar-text);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-nav-link:hover{color:#e2e8f0;background:#3b82f614}.sidebar-nav-link.active{color:#fff;background:#3b82f626;border-left:3px solid #3b82f6}.sidebar-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-nav-arrow{font-size:.7rem;transition:transform .2s}.sidebar-nav-arrow.open{transform:rotate(90deg)}.sidebar-submenu{background:#00000040;overflow:hidden}.sidebar-submenu-item{color:#94a3b8d9;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 44px;font-size:.78rem;line-height:1.3;transition:background .15s,color .15s;display:flex;overflow:hidden}.sidebar-submenu-item.no-wrap-item{letter-spacing:-.4px;white-space:nowrap;text-overflow:clip;padding-right:4px;font-size:.7rem;overflow:hidden}.sidebar-submenu-item:hover{color:#e2e8f0;background:#3b82f614}.sidebar-submenu-item.active{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#3b82f62e;border-left:3px solid #3b82f6;padding-left:47px;font-weight:600;overflow:hidden}.sidebar-submenu-item.no-wrap-item.active{letter-spacing:-.4px;text-overflow:clip;padding-left:44px;padding-right:4px;font-size:.7rem}.sidebar-footer{color:#ffffff47;text-align:center;border-top:1px solid #ffffff12;padding:14px 20px;font-size:.7rem}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--topbar-bg);border-bottom:1px solid var(--border);z-index:101;flex-shrink:0;align-items:center;padding:0 20px;display:flex;position:fixed;right:0;box-shadow:0 1px 3px #0000000a}.topbar-title{flex:1;align-items:center;gap:10px;display:flex}.topbar-icon{font-size:1.2rem}.topbar-heading{color:var(--text-primary);letter-spacing:.2px;font-size:1rem;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.btn-invoice{color:#fff;border-radius:var(--radius-sm);letter-spacing:.2px;background:#1e3a8a;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:background .2s,transform .1s;display:flex}.btn-invoice:hover{background:#172554;transform:translateY(-1px)}.btn-logout{color:var(--danger);border-radius:var(--radius-sm);background:0 0;border:1px solid #fecaca;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:flex}.btn-logout:hover{border-color:var(--danger);background:#fef2f2}.topbar-user{border-radius:var(--radius-sm);background:var(--bg-page);align-items:center;gap:8px;padding:6px 12px;display:flex}.topbar-user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.topbar-user-name{color:var(--text-primary);font-size:.83rem;font-weight:600}.topbar-user-role{color:var(--text-secondary);font-size:.7rem}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);flex-direction:column;flex:1;height:auto;display:flex;position:relative;overflow:hidden visible}.page-body{flex:1;min-height:0;padding:12px 16px}.app-footer{text-align:center;color:#64748b;background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:12px 16px;font-size:.75rem}.app-footer-content{max-width:1200px;margin:0 auto}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;min-width:0;max-width:100%;margin-bottom:16px;display:grid;overflow:visible}.kpi-card{border:1px solid #e2e8f0;border-left:3px solid var(--primary);word-break:break-word;background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;min-width:0;max-width:100%;min-height:92px;padding:12px 14px;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.kpi-card-clickable{cursor:pointer}.kpi-card-clickable:hover{border-color:#cbd5e1}.kpi-card-active{border:2px solid #3b82f6!important;box-shadow:0 4px 12px #3b82f61f!important}.kpi-card:first-child{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-left-color:#3b82f6}.kpi-card:nth-child(2){background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-left-color:#22c55e}.kpi-card:nth-child(3){background:linear-gradient(135deg,#fffbeb 0%,#fff 100%);border:2px solid #f59e0b;box-shadow:0 2px 8px #f59e0b26}.kpi-card:nth-child(4){background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-left-color:#ef4444}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.68rem;font-weight:600}.kpi-value{color:#0f172a;word-break:break-word;text-overflow:ellipsis;font-size:clamp(.8rem,2vw,.95rem);font-weight:700;line-height:1.2;overflow:hidden}.kpi-sub{color:#94a3b8;margin-top:2px;font-size:.65rem}.kpi-icon{opacity:.1;font-size:1.7rem;position:absolute;top:16px;right:16px}.kpi-click-hint{color:#3b82f6;letter-spacing:.3px;margin-top:8px;font-size:.68rem;font-weight:600}.kpi-details-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:12px 18px;box-shadow:0 1px 2px #0000000a}.kpi-details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.kpi-details-title{color:#0f172a;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.kpi-details-count{color:#64748b;background:#f1f5f9;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.74rem;font-weight:500}.kpi-details-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%;min-width:0;max-width:100%;margin-bottom:16px;display:grid;overflow:hidden}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;max-width:100%;max-height:280px;padding:12px 14px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.chart-title{color:#334155;align-items:center;gap:6px;margin-bottom:8px;font-size:.82rem;font-weight:600;display:flex}.bar-chart-wrap{align-items:flex-end;gap:6px;min-width:0;max-width:100%;height:180px;display:flex;overflow:hidden}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.bar-fill{background:linear-gradient(#3b82f6,#1e3a8a);border-radius:3px 3px 0 0;width:100%;min-height:3px;transition:height .4s;position:relative}.bar-fill:hover{background:linear-gradient(#60a5fa,#2563eb)}.bar-label{color:var(--text-secondary);font-size:.58rem;font-weight:500}.pie-wrap{flex-direction:column;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex;overflow:hidden}.pie-svg{width:110px;height:110px}.pie-legend{flex-direction:column;gap:7px;width:100%;display:flex}.pie-legend-item{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.pie-legend-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.pie-legend-label{flex:1}.pie-legend-pct{font-size:.82rem;font-weight:700}.bottom-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;min-width:0;max-width:100%;margin-bottom:16px;display:grid;overflow:hidden}.aging-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;max-width:100%;padding:12px 14px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.section-title{color:#334155;align-items:center;gap:6px;margin-bottom:8px;font-size:.82rem;font-weight:600;display:flex}.aging-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 0;font-size:.78rem;display:flex}.aging-row:last-child{border-bottom:none}.aging-bucket{color:var(--text-secondary);font-size:.78rem;font-weight:500}.aging-bar-wrap{background:#e9ecef;border-radius:8px;flex:1;height:4px;margin:0 10px;overflow:hidden}.aging-bar{border-radius:8px;height:100%}.aging-amount{color:var(--text-primary);text-align:right;min-width:70px;font-size:.8rem;font-weight:700}.billing-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;max-width:100%;max-height:300px;padding:12px 14px;display:flex;overflow:visible;box-shadow:0 1px 2px #0000000a}.billing-card table{flex:1}.erp-table th{color:#334155;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;word-break:break-word;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:2px 6px;font-size:.61rem;font-weight:600}.erp-table th:last-child{text-align:center!important;padding:2px 6px!important}.erp-table td{color:#0f172a;vertical-align:middle;word-break:break-word;text-overflow:ellipsis;border-bottom:1px solid #f1f5f9;padding:1px 3px;line-height:1;overflow:hidden}.erp-table td:last-child{text-align:center!important;vertical-align:middle!important;width:100%!important;height:100%!important;min-height:inherit!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:8px!important;display:flex!important}.erp-table tr:hover td{background:#f8fafc}.erp-table .total-row td{color:#0f172a;background:#f1f5f9;border-top:1px solid #e2e8f0;font-weight:700}.dashboard-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);min-width:0;max-width:100%;margin-top:auto;padding:14px 0;font-size:.76rem;overflow:hidden}.dashboard-page{flex-direction:column;display:flex}.dashboard-page.erp-page{max-height:none}.dashboard-content{flex-direction:column;flex:1;min-height:0;display:flex}.kpi-grid,.kpi-card,.kpi-value,.kpi-label,.kpi-sub{min-width:0}.kpi-card{overflow-wrap:anywhere;word-break:break-word}.kpi-value{overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%}.dashboard-modal-backdrop{z-index:150;background:#0f172a52;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.dashboard-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(1120px,100%);max-height:calc(100vh - 48px);animation:.18s fadeInUp;overflow:hidden;box-shadow:0 20px 60px #0000002e}.dashboard-modal-card .kpi-details-container{max-height:calc(100vh - 160px);margin-bottom:0;overflow:auto}.erp-card-table{padding:0;overflow-x:auto}.erp-table th,.erp-table td{word-break:break-word}.session-timer{color:var(--text-secondary);border:1px solid var(--border);background:#f0f4fa;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:600;display:flex}.session-timer-icon{font-size:.9rem}.session-timer-label{color:var(--text-secondary)}.session-timer-value{color:var(--text-primary);min-width:38px;font-family:monospace;font-size:.92rem;font-weight:800}.session-timer-warn .session-timer-value{color:#d97706}.session-timer-warn .session-timer-icon{animation:1s ease-in-out infinite pulse-warn}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid,.bottom-grid,.erp-form-grid{grid-template-columns:1fr}}@media (width<=768px){:root{--sidebar-width:0px}.login-left,.topbar-actions .btn-invoice span{display:none}}.erp-page{box-sizing:border-box;flex-direction:column;min-width:0;max-width:100%;min-height:0;padding:0 4px;display:flex;overflow:visible}.erp-page>*{min-width:0;max-width:100%;min-height:0}.erp-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.erp-page-title{color:#0f172a;margin:0 0 6px;font-size:.88rem;font-weight:700}.erp-page-sub{color:#64748b;margin:0;font-size:.72rem}.erp-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:6px;padding:6px 10px;box-shadow:0 1px 2px #0000000a}.erp-card-table{padding:0;overflow:visible}.erp-card-table table{min-width:100%}.erp-table-scroll{width:100%;overflow:auto visible}.erp-card-title{color:#0f172a;border-bottom:1px solid #e2e8f0;margin-bottom:10px;padding-bottom:8px;font-size:.78rem;font-weight:600}.erp-section-title{text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin-bottom:10px;font-size:.7rem;font-weight:700}.erp-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.erp-form-grid{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:12px 16px;width:100%;max-width:100%;display:grid;overflow:hidden}.erp-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:.73rem;font-weight:600}.erp-req{color:#ef4444;margin-left:2px}.erp-input{color:#0f172a;box-sizing:border-box;width:100%;font-size:.76rem;font-family:var(--font);background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 7px;transition:border-color .15s,box-shadow .15s}.erp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.erp-input::placeholder{color:#cbd5e1}.erp-textarea{resize:vertical;min-height:90px;font-family:inherit}.erp-btn{cursor:pointer;letter-spacing:.1px;border:none;border-radius:7px;padding:5px 10px;font-size:.74rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s}.erp-btn:active{transform:translateY(1px)}.erp-btn-primary{color:#fff;background:#1e3a8a}.erp-btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.erp-btn-ghost{color:#64748b;background:0 0}.erp-btn-ghost:hover{color:#334155;background:#f1f5f9}.erp-hstack{align-items:center;gap:10px;display:flex}.erp-search-bar{gap:10px;margin-bottom:16px;display:flex}.erp-search-input{flex:1}.erp-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.erp-badge-green{color:#166534;background:#dcfce7}.erp-badge-red{color:#991b1b;background:#fee2e2}.erp-badge-blue{color:#1e40af;background:#dbeafe}.erp-badge-gray{color:#475569;background:#f1f5f9}.erp-action-btns{align-items:center;gap:6px;display:flex}.erp-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 7px;font-size:.95rem;transition:background .12s}.erp-icon-btn:hover{background:var(--bg-page)}.erp-icon-btn-danger:hover{background:#fee2e2}.erp-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:12px;padding:8px 0;font-size:.86rem;display:flex}.erp-detail-row:last-child{border-bottom:none}.erp-detail-row span:first-child{color:var(--text-secondary);flex-shrink:0;min-width:140px;font-weight:600}.erp-detail-row span:last-child{color:var(--text-primary);text-align:right}.erp-avatar-row{align-items:center;gap:8px;display:flex}.erp-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.erp-stat-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.erp-stat-box{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);text-align:center;padding:18px 22px}.erp-stat-val{color:var(--accent);font-size:1.6rem;font-weight:800}.erp-stat-lbl{color:var(--text-secondary);margin-top:4px;font-size:.8rem}.erp-alert{border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:.86rem;font-weight:600}@media (width<=900px){.erp-form-grid,.erp-two-col,.erp-stat-row{grid-template-columns:1fr}}.bank-icon-big{font-size:2.2rem;line-height:1}.bank-icon-sm{font-size:1rem}.bank-summary-grid{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;display:grid;overflow:hidden}.bank-summary-cell{border-right:1px solid var(--border);padding:12px 16px}.bank-summary-cell:last-child{border-right:none}.bank-summary-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);margin-bottom:4px;font-size:.72rem;font-weight:700}.bank-summary-value{color:var(--text-primary);letter-spacing:.5px;font-family:monospace;font-size:.94rem;font-weight:700}.bank-checkbox-label{color:var(--text-primary);cursor:pointer;border:1.5px solid var(--border);background:var(--bg-card);border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:.88rem;font-weight:600;display:flex}.bank-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}@media (width<=900px){.bank-summary-grid{grid-template-columns:1fr}.bank-summary-cell{border-right:none;border-bottom:1px solid var(--border)}.bank-summary-cell:last-child{border-bottom:none}}.sc-checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.sc-row-checked td{background:#eff6ff!important}.sc-code-badge{color:#334155;letter-spacing:.5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:3px 9px;font-family:monospace;font-size:.8rem;font-weight:700;display:inline-block}.sc-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 14px;display:flex}.sc-pagination-info{color:var(--text-secondary);font-size:.8rem}.sc-pagination-controls{align-items:center;gap:4px;display:flex}.sc-page-btn{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s}.sc-page-btn:hover:not(:disabled){background:var(--bg-page);border-color:var(--accent);color:var(--accent)}.sc-page-btn:disabled{opacity:.4;cursor:not-allowed}.sc-page-btn-active{background:var(--accent);border-color:var(--accent);color:#fff}.sc-page-btn-active:hover{background:var(--accent)!important;color:#fff!important}.inv-layout{grid-template-columns:1fr minmax(280px,420px);align-items:flex-start;gap:20px;display:grid;overflow-x:auto}.inv-form-col,.inv-preview-col{min-width:0}.inv-preview-sticky{top:var(--topbar-height);position:sticky}.inv-preview{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px 22px;font-size:.8rem;box-shadow:0 2px 12px #00000012}.inv-preview-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.inv-preview-company{color:#1e293b;font-size:1rem;font-weight:800}.inv-preview-addr{color:#64748b;margin-top:2px;font-size:.74rem}.inv-preview-gst{color:#64748b;margin-top:2px;font-size:.72rem}.inv-preview-title{text-transform:uppercase;letter-spacing:1.5px;color:#1e293b;margin-bottom:6px;font-size:.88rem;font-weight:800}.inv-status-stamp{letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:2px 10px;font-size:.7rem;font-weight:800;display:inline-block}.inv-meta-row{flex-wrap:wrap;gap:18px;margin-bottom:10px;display:flex}.inv-meta-row>div{flex-direction:column;display:flex}.inv-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:600}.inv-meta-val{color:#1e293b;font-family:monospace;font-size:.78rem;font-weight:700}.inv-divider{border:none;border-top:1px solid #e2e8f0;margin:10px 0}.inv-billing-row{grid-template-columns:1fr 1fr;gap:0;margin-bottom:8px;display:grid}.inv-billing-col{padding-right:14px}.inv-billing-title{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:3px;font-size:.68rem;font-weight:700}.inv-billing-name{color:#1e293b;font-size:.84rem;font-weight:700}.inv-billing-addr,.inv-billing-gst{color:#64748b;font-size:.72rem;line-height:1.5}.inv-supply-row{color:#64748b;margin:6px 0;font-size:.76rem}.inv-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.76rem}.inv-table th{text-transform:uppercase;letter-spacing:.4px;color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:.68rem;font-weight:700}.inv-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:5px 8px}.inv-tax-summary{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.inv-tax-row{color:#64748b;justify-content:space-between;padding:3px 0;font-size:.76rem;display:flex}.inv-tax-total{color:#1e293b;border-top:2px solid #1e293b;justify-content:space-between;margin-top:4px;padding:6px 0 3px;font-size:.84rem;font-weight:800;display:flex}.inv-words{color:#64748b;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;margin:8px 0;padding:6px 10px;font-size:.73rem;font-style:italic}.inv-bank{margin-top:4px}.inv-bank-title{text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:700}.inv-bank-row{justify-content:space-between;padding:2px 0;font-size:.74rem;display:flex}.inv-bank-row span:first-child{color:#94a3b8}.inv-bank-row span:last-child{color:#1e293b;font-weight:600}.inv-qr-row{justify-content:space-between;align-items:flex-end;margin:10px 0 6px;display:flex}.inv-qr-box{text-align:center}.inv-qr-placeholder{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:56px;height:56px;font-size:.7rem;font-weight:700;display:flex}.inv-qr-label,.inv-sign-label{color:#94a3b8;text-align:center;margin-top:3px;font-size:.66rem}.inv-sign-box{text-align:center;min-width:100px}.inv-sign-line{background:#1e293b;width:100%;height:1px;margin-bottom:4px}.inv-terms{margin-top:8px}.inv-terms-title{text-transform:uppercase;letter-spacing:.4px;color:#64748b;margin-bottom:5px;font-size:.72rem;font-weight:700}.inv-terms-list{margin:0;padding-left:16px}.inv-terms-list li{color:#94a3b8;margin-bottom:3px;font-size:.68rem;line-height:1.5}.inv-footer-text{color:#cbd5e1;text-align:center;margin-top:10px;font-size:.68rem}.inv-billing-notice{color:var(--text-secondary);background:#eff6ff;border-color:#bfdbfe;align-items:center;gap:8px;padding:12px 16px;font-size:.83rem;display:flex}.inv-items-table th,.inv-items-table td{padding:7px 8px}.inv-item-input{box-sizing:border-box;width:100%;min-width:0;padding:6px 8px;font-size:.82rem}.inv-items-table td:nth-child(2) .inv-item-input{min-width:140px}.inv-items-table td:nth-child(3) .inv-item-input{min-width:180px}.inv-items-table td:nth-child(4) .inv-item-input{min-width:100px}.inv-items-table td:nth-child(5) .inv-item-input{min-width:64px}.inv-items-table td:nth-child(6) .inv-item-input,.inv-items-table td:nth-child(7) .inv-item-input{min-width:90px}.inv-add-item-btn{border:1.5px dashed var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;width:100%;margin-top:12px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:background .15s}.inv-add-item-btn:hover{border-color:var(--accent);background:#eff6ff}.inv-words-field{margin-top:14px}.inv-summary-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.inv-summary-row{color:var(--text-secondary);border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 14px;font-size:.84rem;display:flex}.inv-summary-total{color:var(--text-primary);background:#f0f4fa;justify-content:space-between;padding:10px 14px;font-size:.92rem;font-weight:800;display:flex}.inv-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:.81rem;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.inv-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.inv-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:9px;min-width:180px;position:absolute;top:calc(100% + 4px);right:0;overflow:visible;box-shadow:0 8px 24px #00000024}.inv-dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:9px 14px;font-size:.83rem;transition:background .1s;display:block}.inv-dropdown-divider{background:#e2e8f0;height:1px;margin:3px 0}.inv-dropdown-danger{color:#ef4444}.inv-dropdown-danger:hover{background:#fef2f2}.inv-no-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:monospace;font-size:.84rem;font-weight:700;text-decoration:underline}.inv-no-link:hover{color:#1d4ed8}.inv-btn-submit{color:#fff;background:#16a34a}.inv-btn-submit:hover{background:#15803d}.inv-page-footer{text-align:center;color:var(--text-secondary);padding:14px 0 6px;font-size:.76rem}.erp-dropdown-portal{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:fit-content;min-width:160px;max-width:320px;padding:8px 0;animation:.18s ease-out erp-dropdown-fade-in;overflow:visible;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a}@keyframes erp-dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.erp-dropdown-item{text-align:left;color:#334155;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:500;transition:all .12s;display:flex;overflow:hidden}.erp-dropdown-item:hover{color:#0f172a;background:#f8fafc}.erp-dropdown-item:active{background:#f1f5f9;transform:translateY(.5px)}.erp-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.erp-dropdown-item-danger{color:#dc2626}.erp-dropdown-item-danger:hover{color:#b91c1c;background:#fef2f2}.erp-dropdown-item-icon{margin-right:8px;font-size:.9em}.erp-dropdown-divider{background:#e2e8f0;border:none;height:1px;margin:4px 0}.erp-action-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d9e6;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;transition:all .14s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.erp-action-btn:hover{background:#f8faff;border-color:#93c5fd;transform:translateY(-.5px);box-shadow:0 2px 8px #1e3a8a26}.erp-action-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.erp-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.erp-action-btn-danger{color:#dc2626;border-color:#fca5a5}.erp-action-btn-danger:hover{background:#fef2f2;border-color:#f87171}.erp-action-btn-success{color:#16a34a;border-color:#86efac}.erp-action-btn-success:hover{background:#f0fdf4;border-color:#4ade80}.erp-action-btn-md{padding:8px 14px;font-size:.86rem}.erp-action-btn-lg{padding:10px 16px;font-size:.9rem}.erp-btn,.erp-action-btn{white-space:nowrap;word-break:keep-all;text-align:center;justify-content:center;align-items:center;display:inline-flex}.erp-action-btn-standard{letter-spacing:normal!important;text-align:center!important;white-space:nowrap!important;color:#334155!important;cursor:pointer!important;background:#fff!important;border:1.5px solid #d1d9e6!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:72px!important;height:36px!important;padding:0 14px!important;font-size:14px!important;font-weight:600!important;line-height:1!important;transition:all .14s!important;display:inline-flex!important;box-shadow:0 1px 2px #0000000a!important}.erp-action-btn-standard:hover{background:#f8faff!important;border-color:#93c5fd!important;transform:translateY(-.5px)!important;box-shadow:0 2px 8px #1e3a8a26!important}.erp-action-btn-standard:active{transform:translateY(0)!important;box-shadow:0 1px 2px #0000000a!important}.erp-action-btn-standard:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.erp-action-btn-standard.erp-action-btn-danger{color:#dc2626!important;border-color:#fca5a5!important}.erp-action-btn-standard.erp-action-btn-danger:hover{background:#fef2f2!important;border-color:#f87171!important}.erp-action-btn-standard.erp-action-btn-success{color:#16a34a!important;border-color:#86efac!important}.erp-action-btn-standard.erp-action-btn-success:hover{background:#f0fdf4!important;border-color:#4ade80!important}.erp-actions-column{text-align:center!important;vertical-align:middle!important;white-space:nowrap!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:160px!important;min-width:160px!important;max-width:160px!important;margin:0 auto!important;padding:0!important;display:flex!important;overflow:visible!important}@media (width<=768px){.erp-actions-column{flex-direction:column!important;gap:4px!important;width:120px!important;min-width:120px!important}.erp-action-btn-standard{width:100%!important;min-width:100%!important}}.inv-view-summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.inv-view-summary-left{flex-direction:column;gap:4px;display:flex}.inv-view-headline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inv-view-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.inv-view-no{color:var(--text-primary);white-space:nowrap;font-family:monospace;font-size:1.05rem;font-weight:800}.inv-view-amount{color:var(--accent);font-size:1.5rem;font-weight:800}.inv-view-words{color:var(--text-secondary);font-size:.8rem}.inv-view-summary-right{min-width:200px}.inv-view-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:6px 0;font-size:.84rem;display:flex}.inv-view-meta-row span:first-child{color:var(--text-secondary);font-weight:600}.inv-view-meta-row span:last-child{color:var(--text-primary);font-weight:700}@media (width<=1100px){.inv-layout{grid-template-columns:1fr}.inv-preview-sticky{max-height:none;position:static}}@media (width<=1280px){.inv-layout{grid-template-columns:1fr}.inv-preview-sticky{max-height:none;position:static}}:root{--transition-fast:.14s ease;--transition-mid:.22s ease;--radius-pill:999px;--shadow-hover:0 6px 20px #1e3a8a1a;--focus-ring:0 0 0 3px #3b82f62e}.erp-table tbody tr{transition:background var(--transition-fast)}.erp-table th{-webkit-user-select:none;user-select:none;letter-spacing:.55px}.erp-card{transition:box-shadow var(--transition-mid), transform var(--transition-mid)}.erp-card:hover{box-shadow:var(--shadow-hover)}.erp-btn{letter-spacing:.2px;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);border-radius:8px;font-weight:600}.erp-btn:hover{box-shadow:0 2px 8px #1e3a8a1f}.erp-btn:active{box-shadow:none;transform:translateY(1px)}.erp-btn-primary{color:#fff;background:#1e3a8a;border:none}.erp-btn-primary:hover{background:#1e40af}.erp-btn-outline{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.erp-btn-outline:hover{color:#1e3a8a;background:#f8fafc;border-color:#94a3b8}.form-input:focus,.erp-input:focus,select:focus,textarea:focus{border-color:var(--primary-light);box-shadow:var(--focus-ring);background:#fff;outline:none}.sidebar-nav-link{transition:background var(--transition-fast), color var(--transition-fast), border-left-color var(--transition-fast);border-left:3px solid #0000}.sidebar-nav-link.active{border-left-color:#3b82f6}.sidebar-nav-link:hover:not(.active){border-left-color:#3b82f659}.kpi-card{transition:box-shadow var(--transition-mid), transform var(--transition-mid), border-color var(--transition-mid)}.btn-invoice{transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:8px}.btn-invoice:hover{box-shadow:0 3px 10px #1e3a8a2e}.btn-invoice:active{transform:translateY(1px)}.inv-action-btn{transition:background var(--transition-fast);border-radius:6px}.inv-dropdown-item{transition:background var(--transition-fast), color var(--transition-fast);border-radius:4px}.status-badge{border-radius:var(--radius-pill);letter-spacing:.2px;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.73rem;font-weight:700;display:inline-flex}[role=tab],.tab-btn{transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.erp-page-title{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pagination-btn,.page-btn{transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:6px}.pagination-btn:hover:not(:disabled),.page-btn:hover:not(:disabled){color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}@keyframes erp-page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.erp-table td{vertical-align:middle}:root{--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 4px 14px #0f172a17, 0 1px 3px #0f172a0d;--shadow-lg:0 10px 28px #0f172a1f, 0 4px 10px #0f172a0f;--shadow-xl:0 20px 40px #0f172a24, 0 8px 16px #0f172a14;--shadow-blue:0 4px 16px #1e3a8a2e;--shadow-card:0 1px 3px #0f172a12, 0 4px 12px #0f172a0d;--shadow-card-hover:0 4px 20px #0f172a1c, 0 2px 6px #0f172a0f;--transition-btn:background .16s ease, box-shadow .16s ease, transform .12s ease, border-color .16s ease;--transition-card:box-shadow .2s ease, transform .2s ease;--border-subtle:#eef2f7;--bg-hover-row:#eef4ff;--accent-gradient:linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%)}.page-body{min-height:calc(100vh - var(--topbar-height) + 1px);background:#f4f6fa;padding:20px 24px}.sidebar{background:#0d1526;border-right:1px solid #ffffff0a;box-shadow:2px 0 12px #0000002e}.sidebar-brand{background:#00000026;border-bottom:1px solid #ffffff0f}.sidebar-brand-name{letter-spacing:1.2px;color:#7cb9ff;font-size:.9rem}.sidebar-brand-sub{color:#ffffff59;letter-spacing:.8px;font-size:.67rem}.sidebar-nav{padding:12px 8px}.sidebar-nav-link{border-left:3px solid #0000;border-radius:8px;margin:1px 0;padding:9px 12px;font-size:.86rem;font-weight:500;transition:background .13s,color .13s,border-left-color .13s}.sidebar-nav-link:hover{color:#cbd5e1;background:#639eff17;border-left-color:#3b82f64d}.sidebar-nav-link.active{color:#fff;background:#3b82f624;border-left-color:#60a5fa;font-weight:600;box-shadow:inset 0 0 0 1px #3b82f626}.sidebar-nav-icon{text-align:center;width:22px;font-size:.95rem}.sidebar-submenu{background:#0000002e;border-radius:6px;margin:2px 0 4px;overflow:hidden}.sidebar-submenu-item{color:#94a3b8cc;border-left:3px solid #0000;border-radius:0;padding:7px 10px 7px 44px;font-size:.8rem;transition:background .12s,color .12s}.sidebar-submenu-item:hover{color:#cbd5e1;background:#3b82f617;border-left-color:#3b82f640}.sidebar-submenu-item.active{color:#e2e8f0;background:#3b82f629;border-left-color:#60a5fa;padding-left:41px;font-weight:600}.sidebar-submenu-item.no-wrap-item.active{padding-left:38px}.sidebar-footer{color:#fff3;letter-spacing:.3px;padding:12px 16px;font-size:.68rem}.erp-card{box-shadow:var(--shadow-card);transition:var(--transition-card);border:1px solid #e8eef6;border-radius:12px}.erp-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.erp-card-table:hover{box-shadow:var(--shadow-card);transform:none}.kpi-card{box-shadow:var(--shadow-card);transition:var(--transition-card);background:#fff;border:1px solid #e8eef6;border-radius:14px}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.kpi-label{letter-spacing:.7px;color:#718096;text-transform:uppercase;font-size:.71rem;font-weight:700}.kpi-value{color:#0d1526;letter-spacing:-.5px;margin-top:4px;font-size:1.55rem;font-weight:800;line-height:1.15}.chart-card,.aging-card,.billing-card{box-shadow:var(--shadow-card);border:1px solid #e8eef6;border-radius:12px}.login-form-box,.session-card{box-shadow:var(--shadow-xl);border:1px solid #e8eef6;border-radius:16px}.erp-card-table{overflow:visible}.erp-table-scroll{overflow:auto visible}.erp-table thead th{z-index:2;text-transform:uppercase;letter-spacing:.65px;color:#4a5568;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f1f5fb;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-size:.7rem;font-weight:700;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.erp-table tbody td{color:#1a202c;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:.84rem;transition:background .12s}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:hover td{background:var(--bg-hover-row)}.erp-table tbody tr:nth-child(2n) td{background:#fafbff}.erp-table tbody tr:nth-child(2n):hover td{background:var(--bg-hover-row)}.erp-table .total-row td{color:#0f172a;background:#f1f5f9;border-top:2px solid #e2e8f0;border-bottom:none;font-weight:700}.erp-btn{letter-spacing:.15px;cursor:pointer;transition:var(--transition-btn);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.83rem;font-weight:600;display:inline-flex}.erp-btn:active{transform:translateY(1px);box-shadow:none!important}.erp-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.erp-btn-primary{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 1px 3px #1e3a8a40}.erp-btn-primary:hover{box-shadow:var(--shadow-blue);background:linear-gradient(135deg,#1e3a8a 0%,#1730a0 100%);transform:translateY(-1px)}.erp-btn-outline{color:#334155;background:#fff;border:1.5px solid #d1d9e6;box-shadow:0 1px 2px #0000000a}.erp-btn-outline:hover{color:#1e3a8a;background:#f8faff;border-color:#93c5fd;box-shadow:0 2px 8px #1e3a8a1a}.erp-btn-ghost{color:#64748b;box-shadow:none;background:0 0;border:none}.erp-btn-ghost:hover{color:#334155;box-shadow:none;background:#eef2f7}.btn-invoice{background:var(--accent-gradient);transition:var(--transition-btn);border-radius:8px;font-size:.83rem;font-weight:600;box-shadow:0 1px 3px #1e3a8a38}.btn-invoice:hover{box-shadow:var(--shadow-blue);background:linear-gradient(135deg,#1e3a8a 0%,#1730a0 100%);transform:translateY(-1px)}.btn-invoice:active{box-shadow:none;transform:translateY(0)}.btn-logout{transition:var(--transition-btn);border:1.5px solid #fecaca;border-radius:8px;font-size:.83rem;font-weight:600}.btn-logout:hover{background:#fff0f0;border-color:#f87171;box-shadow:0 2px 8px #ef44441f}.login-btn{background:var(--accent-gradient);transition:var(--transition-btn);letter-spacing:.3px;border-radius:8px;font-weight:700;box-shadow:0 2px 8px #1e3a8a40}.login-btn:hover{box-shadow:var(--shadow-blue);background:linear-gradient(135deg,#1e3a8a 0%,#1730a0 100%);transform:translateY(-1px)}.login-btn:active{box-shadow:none;transform:translateY(0)}.erp-input{color:#1a202c;background:#fafbff;border:1.5px solid #d8e0ea;border-radius:7px;padding:8px 11px;font-size:.84rem;transition:border-color .15s,box-shadow .15s,background .15s}.erp-input:hover{background:#fff;border-color:#b8c8df}.erp-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}.form-input{background:#fafbff;border:1.5px solid #d8e0ea;border-radius:8px;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}.form-input:hover{background:#fff;border-color:#b8c8df}.form-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f624}select.erp-input,select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.erp-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.erp-badge-green{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.erp-badge-red{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.erp-badge-blue{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.erp-badge-gray{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.status-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.erp-page-title{letter-spacing:-.3px;color:#0d1526;-webkit-text-fill-color:unset;background:0 0;-webkit-background-clip:unset;background-clip:unset;font-size:1.25rem;font-weight:800}.erp-page-sub{color:#64748b;margin-top:2px;font-size:.81rem}.erp-card-title{color:#1a202c;letter-spacing:.1px;border-bottom:1px solid #eef2f7;margin-bottom:14px;padding-bottom:12px;font-size:.88rem;font-weight:700}.erp-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 8px;font-size:.95rem;line-height:1;transition:background .12s,transform .1s}.erp-icon-btn:hover{background:#eef2f7;transform:scale(1.08)}.erp-icon-btn-danger:hover{color:#dc2626;background:#fee2e2}.sc-pagination{background:#fafbff;border-top:1px solid #eef2f7;border-radius:0 0 12px 12px;padding:10px 16px}.sc-page-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.sc-page-btn:hover:not(:disabled){color:#1e3a8a;background:#eef4ff;border-color:#93c5fd}.sc-page-btn-active{color:#fff;background:#1e3a8a;border-color:#1e3a8a;box-shadow:0 2px 6px #1e3a8a40}.sc-page-btn-active:hover{color:#fff!important;background:#1e3a8a!important;border-color:#1e3a8a!important}.inv-preview{box-shadow:var(--shadow-md);border:1px solid #e8eef6;border-radius:12px}.inv-action-btn{transition:var(--transition-btn);background:#fff;border:1.5px solid #d1d9e6;border-radius:7px;font-size:.81rem;font-weight:600;box-shadow:0 1px 2px #0000000a}.inv-action-btn:hover{background:#f8faff;border-color:#93c5fd;box-shadow:0 2px 6px #1e3a8a1a}.inv-dropdown{box-shadow:var(--shadow-lg);border:1px solid #e2e8f0;border-radius:10px;min-width:190px}.inv-dropdown-item{border-radius:0;padding:9px 15px;font-size:.83rem;transition:background .1s}.inv-dropdown-item:hover{background:#f4f7ff}.inv-dropdown-danger:hover{color:#dc2626;background:#fef2f2}.inv-btn-submit{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 1px 3px #16a34a40}.inv-btn-submit:hover{background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-1px);box-shadow:0 4px 12px #16a34a40}.reports-tabs{background:#eef2f7;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.reports-tab-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:7px 18px;font-size:.83rem;font-weight:600;transition:background .14s,color .14s,box-shadow .14s}.reports-tab-btn:hover{color:#1e3a8a;background:#ffffffb3}.reports-tab-btn.active{color:#1e3a8a;background:#fff;font-weight:700;box-shadow:0 1px 4px #0f172a1a,0 0 0 1px #1e3a8a14}.reports-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.reports-metric-card{box-shadow:var(--shadow-card);transition:var(--transition-card);background:#fff;border:1px solid #e8eef6;border-radius:12px;padding:18px 20px}.reports-metric-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.reports-metric-label{text-transform:uppercase;letter-spacing:.6px;color:#718096;margin-bottom:8px;font-size:.71rem;font-weight:700}.reports-metric-value{color:#0d1526;letter-spacing:-.3px;font-size:1.45rem;font-weight:800;line-height:1.2}.reports-metric-sub{color:#94a3b8;margin-top:4px;font-size:.72rem}.erp-search-bar{gap:10px;margin-bottom:16px}.erp-search-bar .erp-input{background:#fff;border:1.5px solid #d8e0ea}.erp-search-bar .erp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.session-timer{background:#f4f6fa;border:1px solid #dde3ee;border-radius:8px;font-size:.81rem}.session-timer-warn{background:#fffbeb;border-color:#f59e0b}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8d3e2;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f}.erp-page{animation:.2s cubic-bezier(.25,.46,.45,.94) both saas-page-in}@keyframes saas-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title,.chart-title{color:#1a202c;letter-spacing:.1px;font-size:.86rem;font-weight:700}.bar-fill{background:linear-gradient(#60a5fa 0%,#1e3a8a 100%);border-radius:5px 5px 0 0;transition:opacity .15s}.bar-fill:hover{opacity:.85}.topbar-user{background:#f4f6fa;border:1px solid #e2e8f0;border-radius:8px;padding:5px 11px;transition:background .12s,border-color .12s}.topbar-user:hover{background:#eef2f7;border-color:#c8d3e2}.topbar-user-avatar{background:var(--accent-gradient);width:28px;height:28px;font-size:.75rem;font-weight:800}.kpi-details-container{box-shadow:var(--shadow-card);background:#fff;border:1px solid #e8eef6;border-radius:12px}.kpi-details-close{border-radius:7px;transition:background .12s,color .12s}.kpi-details-close:hover{color:#1e3a8a;background:#eef2f7}.erp-detail-row{border-bottom:1px solid #f1f5f9;padding:9px 0;font-size:.85rem;transition:background .1s}.erp-detail-row:hover{background:#fafbff;border-radius:6px;margin:0 -12px;padding-left:12px;padding-right:12px}.bank-checkbox-label{border:1.5px solid #d8e0ea;border-radius:8px;transition:border-color .12s,background .12s,box-shadow .12s}.bank-checkbox-label:hover{background:#f4f8ff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f614}.erp-empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:.88rem;display:flex}.erp-empty-state-icon{opacity:.5;font-size:2.2rem}.erp-alert{border-radius:9px;align-items:flex-start;gap:10px;font-size:.84rem;font-weight:500;display:flex}.erp-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.erp-alert-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.erp-alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.status-imported{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}@media (width<=1100px){.page-body{padding:16px}}@media (width<=768px){.page-body{padding:12px}.erp-table thead th,.erp-table tbody td{padding:8px 10px;font-size:.8rem}}.dashboard-card{height:auto;padding:10px}.chart-container{height:220px}.dashboard-page .kpi-grid{overflow:visible!important}.dashboard-page .kpi-card{min-height:92px!important}.dashboard-page .kpi-value{padding-bottom:2px;line-height:1.15!important}.erp-form-grid{overflow:visible!important}.erp-field,.erp-form-grid>*{min-width:0}.erp-input,select.erp-input{min-width:0;max-width:100%}.erp-card{overflow-x:hidden!important}.erp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;font-family:inherit;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s,box-shadow .15s;display:inline-flex}.erp-btn:disabled{opacity:.5;cursor:not-allowed}.erp-btn--sm{padding:5px 12px;font-size:12px}.erp-btn--md{padding:8px 16px;font-size:13px}.erp-btn--lg{padding:10px 22px;font-size:14px}.erp-btn--primary{background:var(--primary,#2563eb);color:#fff}.erp-btn--primary:hover:not(:disabled){background:var(--primary-dark,#1d4ed8)}.erp-btn--secondary{background:var(--bg-card,#f1f5f9);color:var(--text-primary,#1e293b);border:1px solid var(--border,#e2e8f0)}.erp-btn--secondary:hover:not(:disabled){background:var(--bg-hover,#e2e8f0)}.erp-btn--danger{color:#fff;background:#ef4444}.erp-btn--danger:hover:not(:disabled){background:#dc2626}.erp-btn--ghost{color:var(--primary,#2563eb);background:0 0}.erp-btn--ghost:hover:not(:disabled){background:var(--bg-hover,#f1f5f9)}.erp-btn--link{color:var(--primary,#2563eb);background:0 0;padding:0;text-decoration:underline}.erp-btn__spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite erp-spin}@keyframes erp-spin{to{transform:rotate(360deg)}}.erp-field{flex-direction:column;gap:4px;display:flex}.erp-field__label{color:var(--text-secondary,#64748b);font-size:12px;font-weight:500}.erp-field__required{color:#ef4444}.erp-field__input,.erp-field__select{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);height:36px;color:var(--text-primary,#1e293b);box-sizing:border-box;border-radius:6px;width:100%;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.erp-field__input:focus,.erp-field__select:focus{border-color:var(--primary,#2563eb);outline:none;box-shadow:0 0 0 2px #2563eb1f}.erp-field__input--error{border-color:#ef4444}.erp-field__error{color:#ef4444;font-size:11px}.erp-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.erp-modal{background:var(--bg-card,#fff);border-radius:10px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.erp-modal__header{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.erp-modal__title{margin:0;font-size:15px;font-weight:600}.erp-modal__close{cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.erp-modal__body{flex:1;padding:20px;overflow-y:auto}.erp-modal__footer{border-top:1px solid var(--border,#e2e8f0);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.erp-status{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.status--requested{color:#854d0e;background:#fef9c3}.status--pending{color:#92400e;background:#fef3c7}.status--pending-converted{color:#3730a3;background:#e0e7ff}.status--sent{color:#1e40af;background:#dbeafe}.status--partially-paid{color:#78350f;background:#fde68a}.status--paid{color:#166534;background:#dcfce7}.status--overdue{color:#991b1b;background:#fee2e2}.status--hold{color:#475569;background:#f1f5f9}.status--cancelled{color:#94a3b8;background:#f1f5f9;text-decoration:line-through}.status--converted{color:#5b21b6;background:#ede9fe}.status--imported{color:#0369a1;background:#e0f2fe}.status--active{color:#166534;background:#dcfce7}.status--inactive{color:#94a3b8;background:#f1f5f9}.status--default{color:#475569;background:#f1f5f9}.erp-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;overflow:hidden}.erp-card__header{border-bottom:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.erp-card__title{margin:0;font-size:14px;font-weight:600}.erp-card__actions{gap:8px;display:flex}.erp-card__body{padding:18px}.erp-pagination{color:var(--text-secondary,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-size:12px;display:flex}.erp-pagination__controls{align-items:center;gap:4px;display:flex}.erp-pagination__btn{border:1px solid var(--border,#e2e8f0);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.erp-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.erp-pagination__btn:hover:not(:disabled){background:var(--bg-hover,#f1f5f9)}.erp-pagination__page{padding:0 8px;font-weight:500}.erp-pagination__size-select{border:1px solid var(--border,#e2e8f0);border-radius:4px;padding:3px 6px;font-family:inherit;font-size:12px}.erp-page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.erp-page-header__title{margin:0;font-size:18px;font-weight:700}.erp-page-header__subtitle{color:var(--text-secondary,#64748b);margin:4px 0 0;font-size:13px}.erp-page-header__actions{flex-shrink:0;gap:8px;display:flex}.erp-breadcrumbs{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:12px}.erp-breadcrumb__link{color:var(--primary,#2563eb);text-decoration:none}.erp-dropdown{display:inline-block;position:relative}.erp-dropdown__trigger{cursor:pointer}.erp-dropdown__menu{z-index:100;background:var(--bg-card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:8px;min-width:160px;margin-top:4px;padding:4px 0;position:absolute;top:100%;box-shadow:0 8px 24px #0000001f}.erp-dropdown__menu--right{right:0}.erp-dropdown__menu--left{left:0}.erp-dropdown__item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary,#1e293b);background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;display:flex}.erp-dropdown__item:hover{background:var(--bg-hover,#f1f5f9)}.erp-dropdown__item--danger{color:#ef4444}.erp-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.erp-dropdown__separator{background:var(--border,#e2e8f0);height:1px;margin:4px 0}.erp-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 0;display:flex}.erp-filters__label{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.erp-filters__input,.erp-filters__select{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);border-radius:6px;min-width:140px;height:34px;padding:0 10px;font-family:inherit;font-size:13px}.erp-filters__clear{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;height:34px;padding:0 12px;font-size:12px}.erp-filters__clear:hover{background:#f1f5f9}.erp-table-wrapper{overflow-x:auto}.erp-table{border-collapse:collapse;width:100%;font-size:13px}.erp-table__head{background:var(--bg-table-head,#f8fafc)}.erp-table__th{text-align:left;color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--border,#e2e8f0);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.erp-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.erp-table__th--sortable:hover{color:var(--text-primary,#1e293b)}.erp-table__th--center{text-align:center}.erp-table__th--right{text-align:right}.erp-table__th--check{width:40px}.erp-table__sort-icon{font-size:10px}.erp-table__td{border-bottom:1px solid var(--border,#e2e8f0);color:var(--text-primary,#1e293b);vertical-align:middle;padding:10px 14px}.erp-table__td--center{text-align:center}.erp-table__td--right{text-align:right}.erp-table__td--check{width:40px}.erp-table__row--clickable{cursor:pointer}.erp-table__row--clickable:hover td{background:var(--bg-hover,#f8fafc)}.erp-table__row--selected td{background:#eff6ff}.erp-table__loading,.erp-table__empty{text-align:center;color:var(--text-secondary,#64748b);padding:40px;font-size:13px}.erp-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.erp-table-toolbar__left,.erp-table-toolbar__right{align-items:center;gap:8px;display:flex}.erp-table-toolbar__search-input{border:1px solid var(--border,#e2e8f0);background:var(--bg-input,#fff);border-radius:6px;min-width:200px;height:34px;padding:0 10px;font-family:inherit;font-size:13px}.erp-table-toolbar__search-input:focus{border-color:var(--primary,#2563eb);outline:none;box-shadow:0 0 0 2px #2563eb1f}.erp-spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.erp-spinner{border:3px solid var(--border,#e2e8f0);border-top-color:var(--primary,#2563eb);border-radius:50%;animation:.7s linear infinite erp-spin}.erp-spinner--sm{width:20px;height:20px}.erp-spinner--md{width:32px;height:32px}.erp-spinner--lg{width:48px;height:48px}.erp-spinner__message{color:var(--text-secondary,#64748b);margin:0;font-size:13px}.erp-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.erp-empty__icon{font-size:40px}.erp-empty__title{color:var(--text-primary,#1e293b);margin:0;font-size:15px;font-weight:600}.erp-empty__message{color:var(--text-secondary,#64748b);margin:0;font-size:13px}.erp-error-boundary{text-align:center;color:var(--text-primary,#1e293b);padding:40px}