*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #c9a227;--primary-dark: #a88620;--primary-light: #dbb84d;--primary-bg: rgba(201, 162, 39, .08);--accent: #b22222;--accent-bg: rgba(178, 34, 34, .08);--secondary: #6366f1;--success: #10b981;--danger: #dc143c;--warning: #c9a227;--info: #3b82f6;--bg: #faf9f6;--bg-elevated: #f5f3ef;--surface: #ffffff;--surface-2: #f5f3ef;--surface-hover: #f0ede7;--text: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--border: #e8e4dc;--border-light: #f0ede7;--sidebar-bg: #1a1a2e;--sidebar-surface: #252540;--sidebar-text: #f0ede7;--sidebar-text-secondary: #a0a0b0;--sidebar-text-muted: #606070;--sidebar-border: #2f2f4a;--sidebar-hover: #2a2a44;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--sidebar-width: 230px;--header-height: 52px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-tap-highlight-color:transparent;overflow-x:hidden;font-size:13.5px}html,body,#root{height:100%}.app-layout{display:flex;height:100%}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100%;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:300;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:4px}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:250;animation:fadeIn .2s}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-bg)}.sidebar-logo{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:transparent;border:1.5px solid var(--primary);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;letter-spacing:.5px;font-family:Georgia,serif}.logo-text{font-weight:800;font-size:.95rem;color:var(--sidebar-text);letter-spacing:.5px;font-family:Georgia,serif}.logo-badge{font-size:.55rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:2px}.sidebar-close{background:none;border:none;font-size:1.2rem;color:var(--sidebar-text-muted);cursor:pointer;padding:6px 8px;border-radius:6px}.sidebar-close:active{background:var(--sidebar-hover)}.sidebar-nav{padding:12px 10px;flex:1}.sidebar-link{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius);text-decoration:none;color:var(--sidebar-text-secondary);font-weight:500;font-size:.8rem;transition:all .15s;margin-bottom:1px;position:relative}.sidebar-link:active,.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-link.active{background:#c9a2271a;color:var(--primary);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:0 3px 3px 0}.sidebar-link.sub{padding-left:40px;font-size:.78rem;padding-top:6px;padding-bottom:6px}.sidebar-link.sub.active:before{left:26px}.sidebar-dot{width:5px;height:5px;border-radius:50%;background:var(--sidebar-text-muted);flex-shrink:0;transition:background .15s}.sidebar-link.sub.active .sidebar-dot{background:var(--primary)}.sidebar-link.sub:hover .sidebar-dot{background:var(--sidebar-text)}.sidebar-link-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0}.sidebar-link.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;color:var(--sidebar-text-muted)}.sidebar-link.disabled .sidebar-dot{background:var(--sidebar-text-muted);opacity:.5}.sidebar-lock-icon{margin-left:auto;font-size:.7rem;opacity:.6;flex-shrink:0}.bottom-submenu-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:6px 10px;font-size:.78rem}.sidebar-section{margin-top:2px}.sidebar-section-label{padding:12px 10px 4px;font-size:.62rem;font-weight:700;color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-section-icon{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--sidebar-text-muted);transition:color .15s}.sidebar-section-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:var(--radius);cursor:pointer;font-weight:500;font-size:.8rem;color:var(--sidebar-text-secondary);text-align:left;transition:all .15s}.sidebar-section-toggle:active,.sidebar-section-toggle:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-section-toggle:hover .sidebar-section-icon,.sidebar-section-toggle.is-expanded .sidebar-section-icon{color:var(--primary)}.chevron{margin-left:auto;display:flex;align-items:center;transition:transform .2s;color:var(--sidebar-text-muted)}.chevron.expanded{transform:rotate(90deg)}.sidebar-submenu{margin-top:2px;margin-bottom:4px}.sidebar-footer{padding:12px 12px 16px;border-top:1px solid var(--sidebar-border);background:var(--sidebar-bg)}.sidebar-footer-user{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px;border-radius:var(--radius);background:var(--sidebar-surface)}.sidebar-footer-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.sidebar-footer-info{display:flex;flex-direction:column;min-width:0}.sidebar-footer-name{font-size:.78rem;font-weight:600;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-role{font-size:.65rem;font-weight:400;color:var(--sidebar-text-muted)}.sidebar-footer-text{font-size:.65rem;color:var(--sidebar-text-muted);text-align:center;margin-top:10px;padding-bottom:4px}.btn-logout{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;background:#dc35450f;border:1px solid rgba(220,53,69,.15);border-radius:var(--radius);color:#e57373;font-size:.78rem;font-weight:500;cursor:pointer;text-align:center;transition:all .15s;font-family:var(--font)}.btn-logout:hover,.btn-logout:active{background:#ef44441a;border-color:var(--danger);color:var(--danger)}.app-header{position:sticky;top:0;z-index:100;background:var(--surface);color:var(--text);padding:0 16px;height:var(--header-height);display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.app-header h1{font-size:1rem;font-weight:700;letter-spacing:-.2px}.menu-btn{display:flex;flex-direction:column;gap:3.5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px}.menu-btn:active{background:var(--surface-hover)}.menu-icon{display:block;width:18px;height:2px;background:var(--text);border-radius:2px}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.app-content{flex:1;padding:10px 16px;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.dashboard-greeting{margin-bottom:20px}.dashboard-greeting h2{font-size:1.3rem;font-weight:700;margin-bottom:4px}.dashboard-greeting p{font-size:.85rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.blue:after{background:var(--info)}.stat-card.green:after{background:var(--success)}.stat-card.amber:after{background:var(--warning)}.stat-card.purple:after{background:var(--secondary)}.stat-card.red:after{background:var(--danger)}.stat-value{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:2px}.stat-label{font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.section-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;border:1px solid var(--border)}.card-title{font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--text)}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.home-card{background:var(--surface);border-radius:var(--radius-lg);padding:18px 14px;text-align:center;border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all .15s}.home-card:active{transform:scale(.97);background:var(--surface-hover);border-color:var(--primary)}.home-card-icon{font-size:1.6rem;margin-bottom:8px}.home-card-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.form-group{margin-bottom:6px}.form-label{display:block;font-size:.64rem;font-weight:700;color:var(--text-secondary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;padding:6px 8px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.8rem;transition:all .15s;background:var(--bg-elevated);color:var(--text);font-family:var(--font)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1a;background:var(--surface)}.form-input::placeholder{color:var(--text-muted)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6178' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;width:100%;font-family:var(--font)}.btn-primary{background:var(--primary);color:#1a1a2e}.btn-primary:hover{background:var(--primary-light)}.btn-primary:active{transform:scale(.98)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active{transform:scale(.98)}.btn-sm{padding:7px 12px;font-size:.78rem;width:auto}.list-container{margin-top:12px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface);border-radius:var(--radius);margin-bottom:6px;border:1px solid var(--border);transition:all .15s}.list-item:active{background:var(--surface-hover)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:600;font-size:.88rem;color:var(--text)}.list-item-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-actions{display:flex;gap:2px;flex-shrink:0}.icon-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:8px;border-radius:6px;transition:background .15s}.icon-btn:active{background:var(--surface-hover)}.icon-btn.edit{color:var(--primary-light)}.icon-btn.delete{color:var(--danger)}.search-bar{position:relative}.search-bar input{width:100%;padding:9px 12px 9px 36px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.85rem;background:var(--surface);color:var(--text);font-family:var(--font)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b14}.search-bar .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}.fab{position:fixed;bottom:20px;right:16px;width:48px;height:48px;border-radius:50%;background:var(--primary);color:#1a1a2e;border:none;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 16px #c9a2274d;cursor:pointer;z-index:50;transition:all .15s}.fab:hover{background:var(--primary-light);transform:scale(1.05)}.fab:active{transform:scale(.93)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;display:flex;align-items:flex-end;animation:fadeIn .15s}.modal-content{background:var(--surface);width:100%;max-height:90vh;border-radius:16px 16px 0 0;padding:14px 12px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));overflow-y:auto;animation:slideUp .25s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--border);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-header h2{font-size:.95rem;font-weight:700}.modal-close{background:var(--surface-hover);border:1px solid var(--border);font-size:1rem;cursor:pointer;color:var(--text-secondary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:active{background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.empty-state{text-align:center;padding:40px 16px;color:var(--text-secondary)}.empty-state-icon{font-size:2.2rem;margin-bottom:10px;opacity:.5}.empty-state-text{font-size:.85rem}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;padding:10px 18px;border-radius:var(--radius);font-size:.8rem;font-weight:500;z-index:500;animation:fadeIn .15s;box-shadow:var(--shadow-lg)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}.confirm-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 20px;width:90%;max-width:340px;text-align:center;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-icon{font-size:2rem;margin-bottom:8px}.confirm-title{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:6px}.confirm-message{font-size:.8rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.4}.confirm-actions{display:flex;gap:8px;justify-content:center}.btn-confirm-btn{width:auto;padding:7px 16px;font-size:.78rem}.form-section-title{font-size:.66rem;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px;padding-bottom:3px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:10px}.form-grid.cols-3{grid-template-columns:repeat(2,1fr)}.form-grid-custom{display:grid;gap:6px;margin-bottom:2px}.form-grid-custom.basic-info-row,.form-grid-custom.supplier-info-row{grid-template-columns:1fr 1fr}@media (min-width: 768px){.form-grid-custom.basic-info-row{grid-template-columns:3fr 1fr 1fr 1fr}.form-grid-custom.supplier-info-row{grid-template-columns:4fr 1fr 1fr}}.checkbox-inline{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-transform:none;letter-spacing:0}.checkbox-inline input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary)}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.detail-panel-header h3{font-size:.95rem;font-weight:700}.detail-panel-actions{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:8px 14px;border-bottom:1px solid var(--border-light)}.detail-grid:last-child{border-bottom:none}.detail-cell{padding:6px 0}.detail-cell.full{grid-column:1 / -1}.detail-label{display:block;font-size:.63rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px}.detail-value{font-size:.82rem;color:var(--text);font-weight:500}@media (min-width: 768px){.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-grid.cols-5{grid-template-columns:repeat(5,1fr)}.form-grid.cols-6{grid-template-columns:repeat(6,1fr)}.detail-grid{grid-template-columns:repeat(4,1fr)}}.report-page{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.report-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.filter-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;min-width:0}.filter-group.flex-1{flex:1}.filter-btn{flex-shrink:0;height:38px}.report-table-wrap{overflow-x:auto;overflow-y:auto;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.report-table{width:100%;border-collapse:collapse;font-size:.78rem;white-space:nowrap}.report-table thead{background:var(--bg-elevated);position:sticky;top:0}.report-table th{padding:10px 12px;text-align:left;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.report-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);color:var(--text)}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover{background:var(--surface-hover)}.report-empty{text-align:center;padding:24px 12px;color:var(--text-muted);font-style:italic}.report-summary{display:flex;gap:12px;flex-wrap:wrap;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.report-summary-item{display:flex;flex-direction:column;gap:2px}.report-summary-item span{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.report-summary-item strong{font-size:1rem;font-weight:800;color:var(--text)}.dt-header-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:none;background:#1e3a2f;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 14px;margin-bottom:0;position:relative;z-index:20;overflow:visible}.dt-header-fields{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.dt-field-group{display:flex;align-items:center;gap:5px;position:relative}.dt-field-label{font-size:.68rem;font-weight:600;color:#ffffffbf;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.dt-field-input{height:28px;padding:0 7px;font-size:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1f;color:#fff;outline:none;cursor:pointer;transition:border-color .15s,background .15s}.dt-field-input option{background:#fff;color:#1a1a1a}.dt-field-input:focus{border-color:#4ade80;background:#fff3}.dt-field-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.8}.dt-header-btn{height:28px!important;padding:0 12px!important;font-size:.72rem!important;border-radius:4px!important;white-space:nowrap}.dt-header-bar .searchable-dropdown{min-width:220px;width:220px}.dt-header-bar .searchable-dropdown-trigger{height:28px;min-height:28px;padding:0 7px;font-size:.75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;transition:border-color .15s,background .15s}.dt-header-bar .searchable-dropdown-trigger:hover{border-color:#4ade80;background:#fff3}.dt-header-bar .searchable-dropdown-value{color:#fff}.dt-header-bar .searchable-dropdown-value.placeholder{color:#ffffff80}.dt-header-bar .searchable-dropdown-arrow,.dt-header-bar .searchable-dropdown-clear{color:#ffffffb3}.report-table-wrap{border-top-left-radius:0!important;border-top-right-radius:0!important}.report-page .report-table-wrap:not(:last-child){flex:none;overflow-y:auto;max-height:45vh}.dt-table{border-collapse:collapse;font-size:.88rem;font-family:Calibri,Segoe UI,Arial,sans-serif;white-space:nowrap}.dt-table thead tr th{background:#217346;color:#fff;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border:1px solid #185a32;text-align:center}.dt-date-row .dt-date-cell{background:#c6efce;color:#1a5c29;font-weight:700;font-size:.75rem;padding:5px 10px;border-top:2px solid #217346;border-bottom:1px solid #9dc3a4;letter-spacing:.3px}.dt-subheader th{background:#375623;color:#fff;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;border:1px solid #2a3f1a;text-align:center}.dt-data-row{background:#fff}.dt-data-row:nth-child(odd){background:#ffffe0}.dt-data-row:hover{background:#d9e8f5!important;cursor:default}.dt-data-row td{padding:5px 10px;border:1px solid #c6c6c6;color:#1a1a1a;vertical-align:middle}.dt-col-no{text-align:center!important;width:42px;min-width:42px}.dt-col-particulars{text-align:left!important;min-width:200px}.dt-col-itemtype{text-align:center!important;min-width:100px}.dt-col-txntype{text-align:center!important;min-width:130px}.dt-col-num{text-align:right!important;min-width:90px;font-variant-numeric:tabular-nums}.dt-col-bill{text-align:center!important;min-width:90px}.dt-data-row .badge{font-size:.65rem;padding:2px 7px;border-radius:3px;font-weight:600;letter-spacing:.2px}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden}.dashboard-section-header{padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.dashboard-section-title{font-size:.82rem;font-weight:700;color:var(--text)}.dashboard-section-body{padding:4px 0;max-height:240px;overflow-y:auto}.dashboard-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-light);transition:background .1s}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item:active{background:var(--surface-hover)}.dashboard-list-left{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.dashboard-list-title{font-size:.82rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-list-sub{font-size:.7rem;color:var(--text-secondary)}.dashboard-list-type{font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;margin-left:8px}.dashboard-empty{padding:20px 14px;text-align:center;font-size:.8rem;color:var(--text-muted)}.badge{font-size:.63rem;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-success{background:#10b9811a;color:var(--success)}.badge-info{background:#3b82f61a;color:var(--info)}.company-page{width:100%}.company-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.company-view-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.company-view-name{font-size:1rem;font-weight:700;color:var(--text)}.company-details{padding:12px 14px}.company-detail-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.company-detail-grid:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.company-detail-grid.cols-4{grid-template-columns:repeat(2,1fr)}.company-detail-cell{display:flex;flex-direction:column;gap:3px}.company-detail-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.company-detail-value{font-size:.82rem;color:var(--text);font-weight:500}.company-edit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.form-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:2px}.form-grid.cols-2{grid-template-columns:1fr}.form-grid.cols-4{grid-template-columns:repeat(2,1fr)}.form-grid.cols-5{grid-template-columns:repeat(3,1fr)}@media (min-width: 992px){.form-grid.cols-5{grid-template-columns:repeat(5,1fr)}}.form-grid.cols-6{grid-template-columns:repeat(3,1fr)}@media (min-width: 768px){.form-grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (min-width: 992px){.form-grid.cols-6{grid-template-columns:repeat(6,1fr)}}.form-grid.cols-1{grid-template-columns:1fr}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}.form-actions .btn{width:auto;padding:6px 14px;font-size:.75rem}.btn-cancel{background:var(--border);color:var(--text-secondary)}.btn-cancel:active{background:var(--text-muted);color:#fff}@media (min-width: 768px){.company-detail-grid.cols-4{grid-template-columns:repeat(4,1fr)}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:28px}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;margin:0 auto 12px;letter-spacing:1px;font-family:var(--font);box-shadow:0 4px 12px #c9a2274d}.login-title{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:2px;font-family:Georgia,serif;letter-spacing:1px}.login-subtitle{font-size:.75rem;color:var(--primary-dark);font-weight:700;text-transform:uppercase;letter-spacing:3px}.login-form{display:flex;flex-direction:column;gap:4px}.login-step-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.login-branch-badge{background:var(--primary-bg);color:var(--primary);padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:none;letter-spacing:0}.login-error{background:#ef444414;color:var(--danger);padding:8px 12px;border-radius:var(--radius);font-size:.8rem;font-weight:500;margin-bottom:8px;border:1px solid rgba(239,68,68,.2)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:40px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s}.password-toggle-btn:hover{color:var(--primary)}.btn-link{background:none;border:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;padding:8px;text-align:center;font-family:var(--font);transition:color .15s}.btn-link:hover{color:var(--primary)}.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:200}.bottom-tabs{display:flex;justify-content:space-around;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px)}.bottom-tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--sidebar-text-secondary);font-size:.62rem;font-weight:500;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:var(--font)}.bottom-tab.active{color:var(--primary)}.bottom-tab-icon{font-size:1.15rem;display:flex;align-items:center;justify-content:center}.bottom-tab-label{font-size:.6rem;font-weight:600}.bottom-submenu{background:var(--sidebar-surface);border-top:1px solid var(--sidebar-border);padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px;animation:slideUp .2s cubic-bezier(.4,0,.2,1)}.bottom-submenu-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--sidebar-hover);border-radius:var(--radius);text-decoration:none;color:var(--sidebar-text-secondary);font-size:.75rem;font-weight:500;transition:all .15s;border:1px solid transparent}.bottom-submenu-item.active{color:var(--primary);border-color:var(--primary);background:var(--primary-bg)}.bottom-submenu-item:active{background:var(--sidebar-bg)}.bottom-submenu-icon{font-size:.9rem}@media (min-width: 768px){.sidebar{transform:translate(0)}.sidebar-overlay,.sidebar-close{display:none}.main-wrapper{margin-left:var(--sidebar-width)}.menu-btn.desktop-only,.mobile-bottom-nav{display:none}.app-content{padding:24px}.modal-overlay{align-items:center;justify-content:center}.modal-content{max-width:80%;border-radius:var(--radius-lg);border:1px solid var(--border);animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.home-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.fab{bottom:28px;right:28px}}@media (max-width: 767px){.sidebar,.sidebar-overlay,.menu-btn.desktop-only{display:none}.app-content{padding-bottom:140px}.fab,.toast{bottom:130px}}.form-input.text-right,input[type=number].form-input{text-align:right}.purchase-lines{max-height:400px;overflow-y:auto;margin-bottom:8px}.purchase-line-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:6px}.purchase-line-item .form-group{margin-bottom:2px}.purchase-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:2px}.purchase-line-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.purchase-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:2px}@media (min-width: 768px){.purchase-header-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.purchase-line-grid{grid-template-columns:2fr 1fr .5fr .7fr .5fr .8fr 1fr 1fr 1fr auto}.purchase-summary-grid{grid-template-columns:repeat(10,1fr)}}@media (min-width: 768px){.modal-content.purchase-modal{max-width:90%;padding:10px}.modal-content.release-modal{max-width:420px;padding:14px}}.purchase-modal .form-section-title{margin:4px 0 2px;padding-bottom:2px}.purchase-modal .form-group{margin-bottom:2px}.purchase-modal .form-label{font-size:.6rem;margin-bottom:1px}.purchase-modal .form-input,.purchase-modal .searchable-dropdown-trigger{padding:4px 6px;font-size:.75rem;min-height:28px}.purchase-modal .form-actions{margin-top:6px}.form-value-text{display:block;padding:6px 8px;font-size:.8rem;font-weight:600;color:var(--text);text-align:right}.hide-desktop{display:block}.hide-mobile{display:none}@media (min-width: 768px){.hide-desktop{display:none}.hide-mobile{display:block}}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.unauthorized-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:3rem 2.5rem;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.08))}.unauthorized-icon{font-size:3.5rem;margin-bottom:1rem;line-height:1}.unauthorized-title{font-size:1.4rem;font-weight:700;color:var(--accent, #b22222);margin-bottom:.75rem}.unauthorized-message{font-size:.9rem;color:var(--text-muted, #888);line-height:1.6}.purchase-table-wrap{display:none}.purchase-card-list{display:block}@media (min-width: 768px){.purchase-table-wrap{display:block;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.purchase-card-list{display:none}}.purchase-topbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.purchase-topbar .search-bar{flex:1;min-width:150px}.purchase-date-filter{display:flex;gap:6px;align-items:center;flex-shrink:0}.purchase-date-filter .form-group{margin-bottom:0}.purchase-date-filter .form-input{width:auto;min-width:130px;padding:5px 6px;font-size:.75rem}@keyframes gunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cylinderSpin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes muzzleFlash{0%{opacity:0;transform:scale(.4)}8%{opacity:1;transform:scale(1.1)}20%{opacity:.8;transform:scale(.95)}35%,to{opacity:0;transform:scale(.3)}}@keyframes recoilBounce{0%{transform:translate(0) translateY(0)}8%{transform:translate(-3px) translateY(2px)}20%{transform:translate(1px) translateY(-1px)}35%,to{transform:translate(0) translateY(0)}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 4px rgba(201,162,39,.4))}8%{filter:drop-shadow(0 0 14px rgba(255,220,80,.95)) drop-shadow(0 0 28px rgba(178,34,34,.7))}35%,to{filter:drop-shadow(0 0 4px rgba(201,162,39,.4))}}@keyframes heatShimmer{0%,to{opacity:1}50%{opacity:.85}}.gun-loader{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;animation:glowPulse 1.4s ease-in-out infinite}.gun-loader--sm{width:32px;height:32px}.gun-loader--md{width:52px;height:52px}.gun-loader--lg{width:72px;height:72px}.gun-loader__spin{display:inline-flex;align-items:center;justify-content:center;animation:gunSpin 1.4s linear infinite;transform-origin:center center}.gun-loader__recoil{display:inline-flex;animation:recoilBounce 1.4s ease-out infinite}.gun-loader__cylinder{animation:cylinderSpin .7s linear infinite}.gun-loader__flash{animation:muzzleFlash 1.4s ease-out infinite;transform-origin:62px 24px}.gun-loader svg{animation:heatShimmer 1.4s ease-in-out infinite;overflow:visible}.fire-loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2ead;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:fadeIn .15s ease}.fire-loader-label{font-size:.78rem;font-weight:600;color:var(--primary-light);letter-spacing:2px;text-transform:uppercase;animation:fadeIn .3s ease}.btn-loading{display:inline-flex;align-items:center;gap:8px;opacity:.85;cursor:not-allowed;pointer-events:none}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:14px}.page-loading-label{font-size:.78rem;color:var(--text-muted);font-weight:500;letter-spacing:.5px}.vendor-history-sidebar{position:fixed;top:0;right:0;width:350px;height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 15px #0000001a;z-index:450;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.vendor-history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.vendor-history-header h4{font-size:.85rem;font-weight:700;color:var(--text);margin:0}.vendor-history-list{flex:1;overflow-y:auto;padding:6px 0}.vendor-history-empty{padding:20px 14px;text-align:center;font-size:.8rem;color:var(--text-muted)}.vendor-history-purchase{border-bottom:1px solid var(--border-light)}.vendor-history-purchase-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;transition:background .1s}.vendor-history-purchase-header:hover{background:var(--surface-hover)}.vendor-history-bill{font-size:.78rem;font-weight:600;color:var(--text)}.vendor-history-date{font-size:.7rem;color:var(--text-secondary)}.vendor-history-amount{font-size:.78rem;font-weight:700;color:var(--text)}.vendor-history-items{padding:6px 14px 10px;background:var(--bg-elevated);border-top:1px solid var(--border-light)}.vendor-history-item-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.75rem;cursor:pointer;border-bottom:1px solid var(--border-light)}.vendor-history-item-row:last-of-type{border-bottom:none}.vendor-history-item-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.vendor-history-item-name{flex:1;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-history-item-qty{font-size:.7rem;color:var(--text-secondary);flex-shrink:0}.vendor-history-item-rate{font-size:.7rem;font-weight:600;color:var(--text);flex-shrink:0}@media (max-width: 767px){.vendor-history-sidebar{width:85%}}.vendor-history-item-row.disabled{opacity:.5;pointer-events:none;background:var(--border-light)}.vendor-history-group{margin-bottom:4px}.vendor-history-group-header{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer}.vendor-history-group-header.disabled{opacity:.5;pointer-events:none}.vendor-history-group-header input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.vendor-history-group-name{font-size:.75rem;font-weight:700;color:var(--primary-dark)}.vendor-history-serial-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0 3px 26px;font-size:.72rem;border-bottom:1px solid var(--border-light)}.vendor-history-serial-row:last-child{border-bottom:none}.vendor-history-serial-row.disabled{opacity:.5}.vendor-history-serial{color:var(--text-secondary);font-weight:500}.vendor-rates-section{border-top:2px solid var(--border);flex-shrink:0}.vendor-rates-header{padding:8px 14px;font-size:.72rem;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.4px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.vendor-rates-list{max-height:180px;overflow-y:auto}.vendor-rates-row{display:flex;justify-content:space-between;align-items:center;padding:6px 14px;border-bottom:1px solid var(--border-light);font-size:.75rem}.vendor-rates-row:last-child{border-bottom:none}.vendor-rates-name{font-weight:500;color:var(--text)}.vendor-rates-price{font-weight:700;color:var(--text)}.purchase-table-wrap .report-table th{padding:4px 8px;font-size:.62rem}.purchase-table-wrap .report-table td{padding:3px 8px;font-size:.7rem;line-height:1.2}.purchase-table-wrap .icon-btn{padding:4px;font-size:.8rem}.purchase-card-list .list-item{padding:6px 8px;margin-bottom:3px}.purchase-card-list .list-item-title{font-size:.78rem}.purchase-card-list .list-item-subtitle{font-size:.68rem}.purchase-topbar{margin-bottom:4px}.purchase-topbar .search-bar input{padding:6px 10px 6px 30px;font-size:.78rem}.purchase-table-wrap{border-radius:var(--radius)}.searchable-dropdown{position:relative;width:100%}.searchable-dropdown-trigger{display:flex;align-items:center;width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 6px);cursor:pointer;font-size:.82rem;min-height:34px;transition:border-color .2s}.searchable-dropdown-trigger:hover{border-color:var(--primary)}.searchable-dropdown-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.searchable-dropdown-value.placeholder{color:var(--text-muted)}.searchable-dropdown-clear{margin-left:4px;padding:0 4px;font-size:.7rem;color:var(--text-muted);cursor:pointer;border-radius:50%;line-height:1}.searchable-dropdown-clear:hover{color:var(--danger);background:#dc143c14}.searchable-dropdown-arrow{margin-left:4px;font-size:.7rem;color:var(--text-muted)}.searchable-dropdown-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 6px);box-shadow:0 8px 24px #0000001f;overflow:hidden}.searchable-dropdown-search{width:100%;padding:6px 8px;border:none;border-bottom:1px solid var(--border);font-size:.75rem;outline:none;background:var(--surface-2);color:var(--text)}.searchable-dropdown-search::placeholder{color:var(--text-muted)}.searchable-dropdown-list{max-height:180px;overflow-y:auto}.searchable-dropdown-item{padding:5px 10px;font-size:.75rem;cursor:pointer;color:var(--text);transition:background .15s}.searchable-dropdown-item:hover{background:var(--primary-bg)}.searchable-dropdown-item.active{background:var(--primary-bg);font-weight:600;color:var(--primary-dark)}.searchable-dropdown-empty{padding:12px;text-align:center;font-size:.78rem;color:var(--text-muted)}.sales-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:99999;animation:warningFadeIn .2s ease}.sales-warning-popup{display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--surface);border:1.5px solid var(--warning);border-radius:12px;box-shadow:0 12px 40px #0003;max-width:380px;width:90%;animation:warningScaleIn .25s ease}.sales-warning-icon{font-size:1.5rem;flex-shrink:0}.sales-warning-text{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.4;flex:1}.sales-warning-close{background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:50%;line-height:1;transition:all .15s}.sales-warning-close:hover{color:var(--danger);background:#dc143c14}@keyframes warningFadeIn{0%{opacity:0}to{opacity:1}}@keyframes warningScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}