@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-gradient: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);--hero-gradient: linear-gradient(135deg, #2563EB 0%, #111827 100%);--accent: #60A5FA;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-sidebar: #111827;--bg-navbar: rgba(255, 255, 255, .85);--text-main: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;--text-on-dark: #F8FAFC;--border-color: #E2E8F0;--border-light: #F1F5F9;--success: #22C55E;--success-bg: #DCFCE7;--warning: #F59E0B;--warning-bg: #FEF3C7;--danger: #EF4444;--danger-bg: #FEE2E2;--info: #0EA5E9;--info-bg: #E0F2FE;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 20px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(37, 99, 235, .25);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg-page: #0B0F17;--bg-card: #151D2A;--bg-sidebar: #090D14;--bg-navbar: rgba(21, 29, 42, .85);--text-main: #F1F5F9;--text-muted: #94A3B8;--text-light: #64748B;--border-color: #1E293B;--border-light: #182232;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important;background-color:var(--bg-page);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}button,input,select,textarea{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}.glass-effect{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-navbar)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-page);transition:margin-left .3s ease}.page-container{padding:24px;flex:1}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:6px}.input-field{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-main);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%64748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%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-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #2563eb40}.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:var(--border-light)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-icon{padding:8px;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600}.badge-success{background:var(--success-bg);color:#15803d}.badge-warning{background:var(--warning-bg);color:#b45309}.badge-danger{background:var(--danger-bg);color:#b91c1c}.badge-info{background:var(--info-bg);color:#0369a1}.badge-primary{background:#2563eb1a;color:var(--primary)}[data-theme=dark] .badge-success{background:#22c55e33;color:#4ade80}[data-theme=dark] .badge-warning{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .badge-danger{background:#ef444433;color:#fca5a5}[data-theme=dark] .badge-info{background:#0ea5e933;color:#38bdf8}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.table th{padding:12px 16px;background-color:var(--border-light);color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.table td{padding:14px 16px;border-bottom:1px solid var(--border-color);color:var(--text-main)}.table tr:hover td{background-color:#2563eb05}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1280px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.page-container{padding:20px}.pos-container{grid-template-columns:1fr!important}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-container{padding:14px}.modal-content{max-width:95%!important;padding:16px!important;margin:10px;max-height:92vh!important}.modal-overlay{padding:10px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{min-height:38px}}@media (max-width: 480px){h1{font-size:20px!important}h2{font-size:18px!important}h3{font-size:16px!important}.badge{font-size:10px!important}}@media print{@page{size:58mm auto;margin:0!important}html,body{width:58mm!important;max-width:58mm!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important}#root,.app-container,.navbar,.sidebar,.main-content,header,nav,aside{display:none!important}.modal-overlay{position:absolute!important;top:0!important;left:0!important;width:58mm!important;max-width:58mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;display:block!important;box-shadow:none!important;border:none!important}.modal-content{position:absolute!important;top:0!important;left:0!important;width:58mm!important;max-width:58mm!important;margin:0!important;padding:2mm!important;background:#fff!important;box-shadow:none!important;border:none!important;border-radius:0!important;display:block!important}.printable-receipt-area{position:static!important;width:100%!important;max-width:58mm!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;font-family:Courier New,Courier,monospace,sans-serif!important;font-size:10px!important;line-height:1.25!important;box-sizing:border-box!important}.printable-receipt-area *{color:#000!important;background:transparent!important;border-color:#000!important;box-shadow:none!important}.no-print{display:none!important}}