:root{--primary: #43508d;--primary-color: #43508d;--primary-light: #5a67a3;--primary-dark: #343e70;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #ecfdf5;--success-bg: #ecfdf5;--success-color: #047857;--warning: #f59e0b;--warning-light: #fffbeb;--warning-bg: #fffbeb;--warning-color: #b45309;--danger: #ef4444;--danger-light: #fef2f2;--error: #ef4444;--error-light: #fef2f2;--error-bg: #fef2f2;--error-color: #b91c1c;--error-dark: #991b1b;--info: #3b82f6;--info-color: #2563eb;--info-light: #dbeafe;--info-light-hover: #bfdbfe;--variant-text-color: #000000;--border-radius: 8px;--bg-primary: white;--bg-secondary: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--border-color: var(--gray-200);--card-bg: white;--card-header-bg: var(--gray-50);--sidebar-bg: white;--header-bg: white;@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}html.dark-mode{--primary: #43508d;--primary-color: #43508d;--primary-light: #5a67a3;--primary-dark: #343e70;--bg-primary: #1e1e2e;--bg-secondary: #181825;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--border-color: #2d3748;--card-bg: #262639;--card-header-bg: #2a2a42;--sidebar-bg: #1e1e2e;--header-bg: #1e1e2e;--card-highlight-bg: #2a2a42;--button-primary-bg: #4b6bfb;--button-primary-hover: #3b5beb;--button-secondary-bg: #2d3748;--button-secondary-hover: #4a5568;--gray-50: #181825;--gray-100: #1e1e2e;--gray-200: #2d3748;--gray-300: #4a5568;--gray-400: #718096;--gray-500: #a0aec0;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #edf2f7;--gray-900: #f7fafc;--success: #0d9488;--success-light: #064e3b;--success-bg: #064e3b;--success-color: #2dd4bf;--warning: #d97706;--warning-light: #78350f;--warning-bg: #78350f;--warning-color: #fbbf24;--error: #dc2626;--error-light: #7f1d1d;--error-bg: #7f1d1d;--error-color: #f87171;--info: #3b82f6;--info-color: #2563eb;--info-light: #dbeafe;--info-light-hover: #bfdbfe;--variant-text-color: #ffffff;--chart-primary: #43508D;--chart-secondary: #0d9488;--chart-tertiary: #8b5cf6;--chart-quaternary: #d97706}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}.active{position:relative;z-index:1}html{scroll-behavior:smooth}html.js-loading{visibility:hidden}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem;line-height:1.2}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button,.button{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .2s ease}button:hover,.button:hover{background:var(--primary-light);text-decoration:none}button:active,.button:active{background:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;padding:1.5rem}table{width:100%;border-collapse:collapse}table th,table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}table th{font-weight:600;background-color:var(--bg-primary)}@media (max-width: 768px){html{font-size:14px}}input:disabled,select:disabled,textarea:disabled{background-color:#f5f5f5!important;color:#666!important;border-color:#ddd!important;cursor:not-allowed;opacity:.8}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media print{nav,header,.sidebar,.ReceiptHeader,.Actions,button{display:none!important}body,.PageWrapper,.ReceiptContainer,.ReceiptContent{background-color:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.ReceiptContainer{display:block!important;box-shadow:none!important;border:none!important}*{font-family:Arial,sans-serif!important;color:#000!important}table{width:100%!important;border-collapse:collapse!important}th{background-color:#f0f0f0!important;color:#000!important;border-bottom:1px solid #ccc!important}td{border-bottom:1px solid #eee!important}.SectionTitle{color:#000!important;border-bottom:1px solid #ccc!important}.ReceiptInfo,.CompanyInfo,.AddressBlock{color:#000!important}.GrandTotal{font-weight:700!important;color:#000!important}.Footer{page-break-after:always}.ReceiptContent{padding:20px!important}.Card{box-shadow:none!important;border:none!important;background-color:#fff!important}}@media print{nav,header,.sidebar,.ReceiptHeader,.Actions,button,.PageHeader,.BackButton{display:none!important}body,html,#root,.PageWrapper,.ReceiptContainer,.Card,.ReceiptContent{background-color:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;box-shadow:none!important}.ReceiptContainer{display:block!important;padding:5mm!important}.CompanyName,.ReceiptLabel,.SectionTitle,.AddressTitle,.ItemName,.ThankYou{color:#000!important}.CompanyDetails,.ReceiptDate,.AddressContent,.ItemDescription,.Footer p{color:#333!important}.ReceiptNumber,.GrandTotal{color:#4f46e5!important}.ReceiptLogoSection,.SectionTitle,.TotalSection,.TotalRow:last-child,.Footer{border-color:#ddd!important}.TableHead{background-color:#f5f5f5!important}.TableHead th{color:#000!important}.TableBody td{border-color:#ddd!important;color:#333!important}.ReceiptContent{padding:0!important}.PDFReceiptContainer{display:none!important}}