@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-outfit:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-deep:#030711;--bg-surface:#0e1525;--bg-surface-elevated:#131c34;--bg-glass:#0f172aa6;--primary:#635ae7;--primary-glow:#635ae726;--primary-hover:#4a3fe4;--secondary:#0dccf2;--secondary-glow:#0dccf226;--accent-green:#22c35d;--accent-green-glow:#22c35d1a;--accent-orange:#f9941f;--accent-orange-glow:#f9941f1a;--accent-red:#e8304f;--accent-red-glow:#e8304f1a;--border:#ffffff14;--border-focus:#6366f166;--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#65758b;--glass-shadow:0 8px 32px 0 #0000005e;--card-shadow:0 4px 20px 0 #00000026;--inset-shadow:inset 0 2px 4px 0 #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;font-family:var(--font-outfit);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100%;height:100%;color:var(--text-main);overflow-x:hidden}body{background-image:radial-gradient(at 0 0,#635ae71a 0,#0000 50%),radial-gradient(at 100% 100%,#0dccf212 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}.glass-panel-elevated{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-lg);background:#151c2ccc;border:1px solid #ffffff1f;box-shadow:0 12px 40px #00000080}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition-fast);box-shadow:var(--inset-shadow);background:#0f172a80;outline:none;padding:12px 16px;font-size:15px}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field::placeholder{color:var(--text-subtle)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px 0 var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff0d}.btn-accent{background:var(--secondary);color:var(--bg-deep);box-shadow:0 4px 14px 0 var(--secondary-glow)}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:var(--accent-red);color:#fff;box-shadow:0 4px 14px 0 var(--accent-red-glow)}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-paid{background:var(--accent-green-glow);color:var(--accent-green);border:1px solid #4ade8033}.badge-pending{background:var(--accent-orange-glow);color:var(--accent-orange);border:1px solid #fb923c33}.badge-partial{background:var(--primary-glow);color:var(--primary);border:1px solid #6366f133}.badge-voided{background:var(--accent-red-glow);color:var(--accent-red);border:1px solid #ef444433}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.glass-panel,.glass-panel-elevated{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important}}.app-sidebar{transition:left .3s cubic-bezier(.4,0,.2,1);left:20px!important}.app-main-content{transition:padding-left .3s cubic-bezier(.4,0,.2,1);padding-top:20px!important;padding-left:300px!important}.app-mobile-header{display:none!important}@media (max-width:991px){.app-mobile-header{justify-content:space-between!important;display:flex!important}.app-sidebar{z-index:999!important;border-radius:0!important;top:0!important;bottom:0!important;left:-280px!important}.app-sidebar.mobile-open{left:0!important}.app-main-content{padding-top:80px!important;padding-left:20px!important;padding-right:20px!important}.layout-grid,.settings-users-layout,.dashboard-lower-grid,.quotations-layout-grid,.customers-layout-grid,.settings-layout-grid,.reports-tab-content-grid{grid-template-columns:1fr!important;height:auto!important}.pos-mobile-tabs{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border);gap:8px;width:100%;margin-bottom:12px;padding:6px;display:flex!important}.pos-mobile-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);text-align:center;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:13px;font-weight:700;display:flex}.pos-mobile-tab.active{box-shadow:0 4px 12px var(--primary-glow);background:var(--primary)!important;color:#fff!important}.pos-grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important}.pos-wrapper{height:auto!important;padding:8px!important}.pos-grid.show-cart .pos-right-panel,.pos-grid.show-catalog .pos-left-panel{display:none!important}.pos-left-panel,.pos-right-panel{height:auto!important;max-height:none!important;overflow:visible!important}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}.pos-client-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px!important}.reports-tab-bar{-webkit-overflow-scrolling:touch;white-space:nowrap!important;gap:8px!important;width:100%!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.reports-tab-bar button{flex-shrink:0!important}}@media (max-width:768px){.form-row{grid-template-columns:1fr!important;gap:12px!important}div[style*="overflowX: auto"] table,div[style*="overflow-x: auto"] table,.table-responsive table{min-width:650px!important;display:table!important}.glass-panel-elevated{padding:16px!important}}