:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #0f172a;--bg-header: #ffffff;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent-primary: #4f46e5;--accent-primary-hover: #4338ca;--accent-secondary: #0284c7;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #0284c7 100%);--success-bg: #dcfce7;--success-text: #15803d;--warning-bg: #fef3c7;--warning-text: #b45309;--danger-bg: #fee2e2;--danger-text: #b91c1c;--info-bg: #e0f2fe;--info-text: #0369a1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-main: #0b0f19;--bg-card: #111827;--bg-sidebar: #070a12;--bg-header: #111827;--border-color: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-inverse: #ffffff;--accent-primary: #6366f1;--accent-primary-hover: #4f46e5;--accent-secondary: #38bdf8;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #38bdf8 100%);--success-bg: #064e3b;--success-text: #34d399;--warning-bg: #78350f;--warning-text: #fbbf24;--danger-bg: #7f1d1d;--danger-text: #f87171;--info-bg: #0c4a6e;--info-text: #38bdf8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main)}@media (min-width: 768px){.mobile-only{display:none!important}}.content-body{flex:1;overflow-y:auto;padding:1.5rem}.erp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .2s ease-in-out}.erp-card:hover{box-shadow:var(--shadow-md)}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:1rem}[data-theme=dark] .glass-card{background:#111827b3;border:1px solid rgba(255,255,255,.05)}.table-container{overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-card)}.erp-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.erp-table th{background-color:#00000008;color:var(--text-secondary);font-weight:600;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}[data-theme=dark] .erp-table th{background-color:#ffffff05}.erp-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.erp-table tr:last-child td{border-bottom:none}.erp-table tr:hover td{background-color:#00000004}[data-theme=dark] .erp-table tr:hover td{background-color:#ffffff05}.spreadsheet-grid-container{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-card)}.spreadsheet-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:.8125rem}.spreadsheet-grid th{background-color:var(--bg-main);color:var(--text-secondary);font-weight:600;padding:.5rem .625rem;border-bottom:1px solid var(--border-color);border-right:1px solid rgba(255,255,255,.04);text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;white-space:nowrap}.spreadsheet-grid th:last-child{border-right:none}.spreadsheet-grid td{padding:.25rem .35rem;border-bottom:1px solid var(--border-color);border-right:1px solid rgba(255,255,255,.03);vertical-align:middle;background:transparent;transition:background-color .15s ease}.spreadsheet-grid td:last-child{border-right:none}.spreadsheet-grid tr:hover td{background-color:#6366f109}[data-theme=dark] .spreadsheet-grid tr:hover td{background-color:#6366f10d}.spreadsheet-grid tr:last-child td{border-bottom:none}.grid-spec-chip{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background:#6366f114;color:var(--text-primary);border:1px solid rgba(99,102,241,.2);white-space:nowrap}.grid-color-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .45rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background:var(--bg-main);border:1px solid var(--border-color);white-space:nowrap}.grid-color-dot{width:.55rem;height:.55rem;border-radius:50%;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:var(--success-bg);color:var(--success-text)}.badge-warning{background-color:var(--warning-bg);color:var(--warning-text)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-text)}.badge-info{background-color:var(--info-bg);color:var(--info-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.btn-primary{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:0 2px 4px #4f46e54d}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger-text);color:#fff}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.btn:disabled,button:disabled{opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important;box-shadow:none!important}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-card);color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s ease}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e526}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.shortcut-pill{font-family:monospace;background-color:var(--border-color);color:var(--text-secondary);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-box{display:inline-block;height:1.25rem;width:100%;border-radius:.375rem;background-color:var(--border-color);background-image:linear-gradient(90deg,var(--border-color) 0px,var(--bg-main) 60px,var(--border-color) 120px);background-size:200px 100%;background-repeat:no-repeat;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.sidebar-link-container{position:relative}.sidebar-link-container:hover .sidebar-tooltip{opacity:1!important;visibility:visible!important}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem}.dashboard-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}@media (max-width: 768px){.sidebar-aside{display:none!important}.sidebar-aside.mobile-open{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:16rem!important;z-index:1000!important;box-shadow:10px 0 25px #00000080!important}.dashboard-metrics-grid{grid-template-columns:1fr 1fr!important;gap:.65rem!important}.dashboard-tables-grid{grid-template-columns:1fr!important}.content-body{padding:.85rem!important}input[type=text],input[type=number],input[type=date],input[type=password],input[type=email],select,textarea{font-size:16px!important;min-height:2.75rem!important}.btn{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}.erp-card{padding:.85rem!important;border-radius:.5rem!important}.mobile-stack-grid{grid-template-columns:1fr!important}}@media print{html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important}header,aside,nav,.sidebar-aside,.app-header,.no-print,.btn,button,.toast-container,.offline-banner,.hide-on-print{display:none!important}.app-container,.main-content,.content-body,#root{display:block!important;position:static!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:none!important}.print-modal-overlay{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;z-index:999999!important;overflow:visible!important}.print-order-sheet-container{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.print-order-sheet{border:1.5px solid #000000!important;width:100%!important;max-width:100%!important;margin:0 auto!important;box-shadow:none!important;background:#fff!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4 portrait;margin:6mm}}.desktop-only-table{display:block}.mobile-only-cards{display:none}@media (max-width: 767px){.desktop-only-table{display:none!important}.mobile-only-cards{display:flex!important;flex-direction:column;gap:.75rem;padding:.75rem}.mobile-line-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.625rem;padding:.875rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #0000000d;transition:border-color .15s ease,box-shadow .15s ease}.mobile-line-card:active{border-color:var(--accent-primary)}.mobile-line-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.mobile-line-card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.mobile-line-card-index{font-size:.75rem;font-weight:700;color:var(--accent-primary);background:#6366f11a;padding:.15rem .4rem;border-radius:.25rem}.mobile-line-card-specs{display:flex;flex-wrap:wrap;gap:.35rem}.mobile-line-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:.5rem;margin-top:.25rem}.mobile-line-card-amount{font-size:1rem;font-weight:700;color:var(--text-primary)}}