@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--info-50:#f0f9ff;--info-100:#e0f2fe;--info-200:#bae6fd;--info-500:#0ea5e9;--info-600:#0284c7;--info-700:#0369a1;--sidebar-width:260px;--topbar-height:64px;--sidebar-bg:#0f172a;--sidebar-border:#1e293b;--sidebar-hover:#1e293b;--sidebar-active:#6366f126;--sidebar-text:#94a3b8;--sidebar-text-hover:#f8fafc;--sidebar-text-active:#fff;--sidebar-accent:#6366f1;--topbar-bg:#fff;--topbar-border:#e2e8f0;--body-bg:#f8fafc;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--card-shadow-hover:0 8px 20px -4px #00000014, 0 4px 6px -2px #00000008;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a;--input-focus:#6366f1;--input-ring:#6366f126;--scrollbar-w:6px;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:15px}body{background-color:var(--body-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}::-webkit-scrollbar{width:var(--scrollbar-w);height:var(--scrollbar-w)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.015em;font-weight:700;line-height:1.3}h1{font-size:1.625rem}h2{font-size:1.3125rem}h3{font-size:1.125rem}h4{font-size:.9375rem}p{color:var(--text-secondary)}a{color:var(--brand-600);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-700)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-600)!important}.text-warning{color:var(--warning-600)!important}.text-danger{color:var(--danger-600)!important}.text-info{color:var(--info-600)!important}.text-brand{color:var(--brand-600)!important}.bg-card{background:var(--card-bg);border:1px solid var(--card-border)}.border-default{border-color:var(--card-border)}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:1.25rem;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#cbd5e1}.card-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.kpi-card{border:1px solid var(--card-border);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;padding:1.25rem;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--card-shadow-hover);border-color:#cbd5e1;transform:translateY(-2px)}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.875rem;font-size:1.125rem;display:flex}.kpi-icon.brand{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff}.kpi-icon.success{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.kpi-icon.warning{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.kpi-icon.danger{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.kpi-icon.info{color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe}.kpi-value{color:var(--text-primary);letter-spacing:-.025em;font-size:1.5625rem;font-weight:800;line-height:1.15}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-default{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.badge-danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.badge-info{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.badge-brand{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;outline:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-color:#4338ca;box-shadow:0 2px 4px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e559}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);background:#fff;border-color:#cbd5e1}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#f1f5f9}.btn-sm{border-radius:6px;padding:.3125rem .75rem;font-size:.8125rem}.btn-lg{padding:.6875rem 1.5rem;font-size:.9375rem}.btn-icon{justify-content:center;width:36px;height:36px;padding:.5rem}.btn-icon.btn-sm{width:30px;height:30px;padding:.3rem}.w-3{width:12px!important;height:12px!important}.h-3{height:12px!important}.w-3\.5{width:14px!important;height:14px!important}.h-3\.5{height:14px!important}.w-4{width:16px!important;height:16px!important}.h-4{height:16px!important}.w-5{width:20px!important;height:20px!important}.h-5{height:20px!important}.w-6{width:24px!important;height:24px!important}.h-6{height:24px!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-indigo-600{color:#4f46e5!important}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-label .required{color:var(--danger-600);margin-left:2px}.form-input,.input,.form-select,.select,.form-textarea,.textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:8px;outline:none;width:100%;padding:.5625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #00000005}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.form-input:focus,.input:focus,.form-select:focus,.select:focus,.form-textarea:focus,.textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-ring)}.form-input::placeholder,.input::placeholder,.form-textarea::placeholder,.textarea::placeholder{color:var(--text-subtle)}.form-input.error,.input.error,.form-select.error,.select.error{border-color:var(--danger-500)}.form-error{color:var(--danger-600);margin-top:.125rem;font-size:.75rem}.form-hint{color:var(--text-muted);font-size:.75rem}.form-select,.select{cursor:pointer}.data-table-container{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;overflow:hidden}.data-table-header{border-bottom:1px solid var(--card-border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.data-table,.table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid var(--card-border);background:#f8fafc;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.data-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table thead th.sortable:hover{color:var(--text-primary)}.data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody td{color:var(--text-secondary);vertical-align:middle;padding:.8125rem 1rem}.data-table tbody td:first-child{color:var(--text-primary);font-weight:600}.data-table-footer{border-top:1px solid var(--card-border);color:var(--text-muted);background:#fafafa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:2px 0 12px #0000001f}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);min-height:var(--topbar-height);background:#0b1329;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;display:flex}.sidebar-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;display:flex;box-shadow:0 4px 12px #6366f166}.sidebar-logo-text{color:#fff;letter-spacing:-.02em;font-size:1rem;font-weight:800}.sidebar-logo-sub{color:#94a3b8;letter-spacing:.02em;font-size:.6875rem;font-weight:500}.sidebar-nav{flex:1;padding:.875rem .75rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:.875rem .625rem .375rem;font-size:.6875rem;font-weight:700}.sidebar-link{color:var(--sidebar-text);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:2px;padding:.5625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-hover)}.sidebar-link.active{background:var(--sidebar-active);color:var(--sidebar-text-active);font-weight:600}.sidebar-link.active:before{content:"";background:var(--sidebar-accent);border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:6px;bottom:6px;left:-.75rem}.sidebar-link .icon{opacity:.75;flex-shrink:0;width:18px;height:18px;transition:opacity .15s}.sidebar-link:hover .icon,.sidebar-link.active .icon{opacity:1;color:#818cf8}.sidebar-sub{margin-top:2px;margin-bottom:4px;padding-left:1.5rem}.sidebar-sub .sidebar-link{padding:.4375rem .75rem;font-size:.8125rem}.sidebar-parent-btn:before{display:none!important}.sidebar-parent-btn.parent-active{color:#f8fafc;font-weight:600}.sidebar-parent-btn.parent-active .icon{opacity:1;color:#818cf8}.topbar{height:var(--topbar-height);top:0;left:var(--sidebar-width);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);z-index:90;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.75rem;display:flex;position:fixed;right:0;box-shadow:0 1px 3px #00000008}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));background-color:var(--body-bg);padding:1.75rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4375rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.125rem;font-size:.875rem}.grid-kpis{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.grid-2col{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.kpi-grid,.grid-3col{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (max-width:1024px){.grid-4col,.grid-3col,.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4col,.grid-3col,.grid-2col,.kpi-grid{grid-template-columns:1fr}}.dash-hero-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem;display:grid}@media (max-width:900px){.dash-hero-grid{grid-template-columns:1fr}}.dash-hero-card{border:1px solid var(--card-border);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.375rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000000a}.dash-hero-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000014}.dash-hero-card.primary{background:linear-gradient(145deg,#fff 0%,#f8faff 100%);border:1px solid #c7d2fe}.dash-hero-card.primary:after{content:"";background:linear-gradient(90deg,#4f46e5,#06b6d4);height:4px;position:absolute;top:0;left:0;right:0}.dash-stat-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5625rem .75rem;display:flex}.dash-ops-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:1024px){.dash-ops-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dash-ops-grid{grid-template-columns:1fr}}.dash-op-card{border:1px solid var(--card-border);background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1.125rem 1.25rem;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 2px 6px #00000008}.dash-op-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.dash-analytics-grid{grid-template-columns:1.6fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:1100px){.dash-analytics-grid{grid-template-columns:1fr}}.dash-hub-grid{grid-template-columns:1.2fr 1fr;gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:1024px){.dash-hub-grid{grid-template-columns:1fr}}.dash-summary-strip{border-top:1px solid var(--card-border);grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:grid}@media (max-width:640px){.dash-summary-strip{grid-template-columns:1fr;gap:.5rem;text-align:left!important}}.form-layout-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.25rem;display:grid}.invoice-details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.division-selector-bar{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.division-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.product-selector-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.625rem;max-height:320px;padding:.75rem 0;display:grid;overflow-y:auto}.product-search-input{max-width:260px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive .data-table{min-width:720px}.form-summary-sidebar{position:sticky;top:80px}.inventory-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inventory-filter-card{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.875rem;padding:.875rem 1.25rem;display:flex}.inventory-filter-group{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;min-width:280px;display:flex}.inventory-search-wrap{flex:1;min-width:220px;position:relative}.inventory-search-icon{color:#94a3b8;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inventory-filter-selects{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.inventory-filter-select{width:210px}.inventory-status-select{width:135px}.inventory-checkbox-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.stock-sheet-modal{flex-direction:column;width:95%;max-width:1050px;max-height:90vh;display:flex}.stock-sheet-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.stock-sheet-title-area{align-items:center;gap:.625rem;min-width:0;display:flex}.stock-sheet-close-btn-mobile{display:none!important}.stock-sheet-close-btn-desktop{display:inline-flex!important}.stock-sheet-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.stock-sheet-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;font-size:.8125rem;display:flex}.stock-sheet-toolbar-checkboxes{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.stock-sheet-toolbar-select{align-items:center;gap:.5rem;display:flex}.stock-sheet-modal-body{background:#f1f5f9;flex:1;padding:1.5rem;overflow-y:auto}.stock-sheet-paper{color:#0f172a;box-sizing:border-box;background:#fff;border-radius:8px;width:100%;padding:2rem;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1.4;box-shadow:0 1px 3px #00000014}.stock-sheet-doc-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.stock-sheet-company-box{align-items:center;gap:1rem;display:flex}.stock-sheet-doc-meta{text-align:right;flex-shrink:0}.stock-sheet-kpi-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:grid}.stock-sheet-mobile-swipe-hint{display:none}.stock-sheet-table-scroll{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-bottom:1.5rem;overflow-x:auto}.stock-sheet-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px;font-size:.75rem}.stock-sheet-signatures{border-top:1px solid #cbd5e1;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem;padding-top:1rem;display:grid}@media (max-width:1024px){.form-layout-grid{grid-template-columns:1fr!important}.form-summary-sidebar{position:static!important}}@media (max-width:768px){.inventory-filter-card{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.inventory-filter-group{flex-direction:column!important;align-items:stretch!important;gap:.625rem!important;width:100%!important;min-width:0!important}.inventory-search-wrap{width:100%!important;min-width:0!important}.inventory-filter-selects{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;display:grid!important}.inventory-filter-select,.inventory-status-select{width:100%!important;max-width:100%!important}.inventory-checkbox-label{grid-column:1/-1!important;padding:2px 0!important}.inventory-refresh-btn{justify-content:center!important;width:100%!important}}@media (max-width:640px){.inventory-header-actions{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;display:grid!important}.inventory-header-actions>*{text-align:center!important;justify-content:center!important;width:100%!important;padding:.5rem .625rem!important;font-size:.75rem!important;display:flex!important}.inventory-header-actions>:first-child{grid-column:1/-1!important;padding:.625rem 1rem!important;font-size:.8125rem!important}.division-selector-bar{flex-direction:column!important;align-items:stretch!important}.division-buttons{grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.division-buttons button{text-align:center!important;justify-content:center!important;padding:8px 10px!important;font-size:12px!important}.product-search-input{width:100%!important;max-width:100%!important}.invoice-details-grid{grid-template-columns:1fr!important}.product-selector-grid{grid-template-columns:repeat(2,1fr)!important}.data-table-footer{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.75rem!important}.stock-sheet-modal{border-radius:12px!important;width:100%!important;max-width:100%!important;max-height:94vh!important;margin:0!important}.stock-sheet-modal-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.75rem 1rem!important}.stock-sheet-title-area{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.stock-sheet-close-btn-mobile{display:inline-flex!important}.stock-sheet-close-btn-desktop{display:none!important}.stock-sheet-header-actions{grid-template-columns:1fr 1fr!important;gap:.5rem!important;width:100%!important;display:grid!important}.stock-sheet-header-actions .btn{justify-content:center!important;width:100%!important;padding:.5rem!important;font-size:.75rem!important}.stock-sheet-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.625rem!important;padding:.75rem 1rem!important}.stock-sheet-toolbar-checkboxes{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;display:flex!important}.stock-sheet-toolbar-select{justify-content:space-between!important;width:100%!important}.stock-sheet-toolbar-select select{flex:1!important}.stock-sheet-modal-body{padding:.5rem!important}.stock-sheet-paper{padding:.875rem!important}.stock-sheet-doc-header{flex-direction:column!important;align-items:stretch!important;gap:.875rem!important;padding-bottom:.875rem!important}.stock-sheet-company-box{align-items:flex-start!important;gap:.75rem!important}.stock-sheet-doc-meta{text-align:left!important;border-top:1px dashed #cbd5e1!important;width:100%!important;padding-top:.625rem!important}.stock-sheet-doc-meta>*{text-align:left!important}.stock-sheet-kpi-grid{grid-template-columns:1fr 1fr 1fr!important;gap:.5rem!important;padding:.5rem .625rem!important}.stock-sheet-table{min-width:600px!important}.stock-sheet-table th,.stock-sheet-table td{padding:4px 6px!important}.stock-sheet-table td:not(:nth-child(3)){white-space:nowrap!important}.stock-sheet-signatures{grid-template-columns:1fr!important;gap:1.25rem!important;margin-top:1.5rem!important;padding-top:.75rem!important}.stock-sheet-mobile-swipe-hint{color:#4f46e5!important;text-align:center!important;background:#eef2ff!important;border:1px solid #e0e7ff!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:.375rem!important;margin-bottom:.625rem!important;padding:.375rem .625rem!important;font-size:.6875rem!important;font-weight:600!important;display:flex!important}}@media (max-width:440px){.inventory-header-actions,.inventory-filter-selects,.division-buttons,.product-selector-grid{grid-template-columns:1fr!important}}.pulse-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.tab-nav-btn{cursor:pointer;border:none;border-radius:6px;padding:.3125rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.tab-nav-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 6px #4f46e540}.tab-nav-btn:not(.active){color:#64748b;background:#f1f5f9}.tab-nav-btn:not(.active):hover{color:#1e293b;background:#e2e8f0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--card-border);background:#fff;border-radius:14px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px -10px #00000026}.modal-header{border-bottom:1px solid var(--card-border);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--card-border);background:#f8fafc;border-bottom-right-radius:14px;border-bottom-left-radius:14px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.alert{border:1px solid #0000;border-radius:8px;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.alert-warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.alert-danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.alert-info{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.divider{background:var(--card-border);height:1px;margin:1rem 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--card-border);border-top-color:var(--brand-600);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.5;color:var(--brand-500);margin-bottom:1rem;font-size:3rem}.empty-state-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.empty-state-desc{max-width:320px;color:var(--text-muted);font-size:.875rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}.animate-fade-in{animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards slideIn}@media print{.sidebar,.topbar,.no-print{display:none!important}.main-content{margin:0;padding:0}body{color:#000;background:#fff}}.card{color:var(--text-primary);background:#fff!important;border-color:#e2e8f0!important}.fixed.inset-0 .card,.modal-card,div[role=dialog] .card{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 25px 50px -12px #0000002e!important}.fixed.inset-0 .card h2,.fixed.inset-0 .card h3,.fixed.inset-0 .card .text-white{color:#0f172a!important}.fixed.inset-0 .card .text-zinc-400,.fixed.inset-0 .card .text-zinc-300{color:#64748b!important}.fixed.inset-0 .card .border-zinc-800,.fixed.inset-0 .card .border-zinc-700{border-color:#e2e8f0!important}.fixed.inset-0 .card .bg-zinc-800,.fixed.inset-0 .card .bg-zinc-850,.fixed.inset-0 .card .bg-zinc-900{background-color:#fff!important}tr:hover,tr.hover\:bg-zinc-800\/40:hover,tr.hover\:bg-zinc-850:hover{background-color:#f8fafc!important}.table td,.data-table td{border-bottom:1px solid #f1f5f9}.table td .text-white,.data-table td .text-white{color:#0f172a!important}.table td .text-zinc-400,.table td .text-zinc-300,.data-table td .text-zinc-400,.data-table td .text-zinc-300{color:#64748b!important}.sidebar-backdrop,.sidebar-close-btn,.mobile-menu-btn,.division-btn-mobile{display:none}.division-btn-full{display:inline}.table-responsive,.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (max-width:1024px){.sidebar{z-index:1000;width:280px;max-width:85vw;height:100dvh;transition:transform .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000059}.sidebar.open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0f172aa6;animation:.2s forwards fadeIn;display:block;position:fixed;inset:0}.sidebar-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex!important}.sidebar-close-btn:hover{color:#fff;background:#ffffff26}.mobile-menu-btn{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex!important}.mobile-menu-btn:hover{color:#0f172a;background:#e2e8f0}.topbar{gap:.5rem!important;height:60px!important;padding:0 1rem!important;left:0!important}.main-content{max-width:100vw;overflow-x:hidden;margin-top:60px!important;margin-left:0!important;padding:1.25rem 1rem!important}.division-btn-full{display:none!important}.division-btn-mobile{display:inline!important}}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:.875rem;margin-bottom:1.25rem}.page-title{font-size:1.25rem!important}.grid-2col,.grid-3col,.grid-4col,.kpi-grid{grid-template-columns:1fr!important;gap:.875rem!important}.dash-hero-grid,.dash-hub-grid,.dash-analytics-grid,div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.card-header,.data-table-header{flex-direction:column!important;align-items:flex-start!important;gap:.625rem!important}.card-header>div:first-child,.data-table-header>div:first-child{width:100%!important}.kpi-card{padding:1rem!important}.card{border-radius:10px;padding:1rem!important}.modal-overlay{padding:.5rem!important}.modal{border-radius:12px!important;width:100%!important;max-width:100%!important;max-height:92vh!important}.modal-header,.modal-body,.modal-footer{padding:1rem!important}.table-responsive,.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;width:100%;overflow-x:auto!important}table{min-width:600px}}@media (max-width:540px){.main-content{padding:.875rem .5rem!important}.live-status-pill,.topbar-btn-text,.topbar-user-name{display:none!important}.topbar-action-btn{padding:.4rem .6rem!important}.division-switcher button{padding:4px 7px!important;font-size:11px!important}input[type=text],input[type=number],input[type=search],input[type=date],select,textarea{font-size:16px!important}}
