*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-900: #312e81;--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-900: #111827;--green-500: #22c55e;--green-100: #dcfce7;--red-500: #ef4444;--red-100: #fee2e2;--amber-500: #f59e0b;--amber-100: #fef3c7;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--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,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px rgba(0,0,0,.07), 0 4px 6px rgba(0,0,0,.04);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-w: 240px;--font: "Inter", system-ui, -apple-system, sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--indigo-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--indigo-700)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-danger{background:var(--red-100);color:var(--red-500)}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:5px 12px;font-size:13px}.btn-lg{padding:11px 24px;font-size:15px}.input{width:100%;padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:14px;color:var(--gray-900);background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px var(--indigo-100)}.input::placeholder{color:var(--gray-400)}.label{display:block;font-size:13px;font-weight:500;color:var(--gray-600);margin-bottom:5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:500}.badge-indigo{background:var(--indigo-100);color:var(--indigo-700)}.badge-green{background:var(--green-100);color:#15803d}.badge-red{background:var(--red-100);color:#b91c1c}.badge-amber{background:var(--amber-100);color:#92400e}.badge-gray{background:var(--gray-100);color:var(--gray-600)}table{width:100%;border-collapse:collapse}thead tr{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}th{padding:10px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}td{padding:12px 16px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@media print{body *{visibility:hidden}#receipt,#receipt *{visibility:visible}#receipt{position:fixed!important;top:0;left:50%;transform:translate(-50%);box-shadow:none!important;border-radius:0!important;width:80mm!important;font-size:12px!important;padding:2mm 3mm!important}.no-print{display:none!important}.cut-line{margin:4mm 0!important}}