@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #f0f4f8;--bg-surface: #e8eef5;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: rgba(255, 255, 255, 1);--bg-elevated: #ffffff;--border-glass: rgba(0, 0, 0, .09);--border-subtle: rgba(0, 0, 0, .06);--border-highlight: rgba(2, 132, 199, .4);--primary: #0284c7;--primary-light: #0369a1;--primary-glow: rgba(2, 132, 199, .15);--accent-gold: #d97706;--accent-emerald: #059669;--accent-purple: #7c3aed;--accent-rose: #e11d48;--text-main: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 8px;--radius-sm: 6px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px;-webkit-text-size-adjust:100%;width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(14,165,233,.06) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.04) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;width:100%;max-width:100vw;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700;color:#0f172a}.page-container{width:100%;max-width:1680px;margin:0 auto;padding:22px 30px 48px;box-sizing:border-box}@media (max-width: 1280px){.page-container{padding:18px 22px 40px}}@media (max-width: 768px){.page-container{padding:12px 12px 32px;width:100%!important;max-width:100vw!important}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;max-width:100%}.glass-panel-hover:hover{border-color:#0284c740;box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;padding:9px 18px;font-size:.88rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;border:none;cursor:pointer;box-shadow:0 2px 8px #0284c740;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#0369a1,#1d4ed8);box-shadow:0 4px 14px #0284c759;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#334155;padding:9px 18px;font-size:.88rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f;white-space:nowrap}.btn-secondary:hover{background:#f8fafc;border-color:#0284c74d;color:#0284c7;box-shadow:0 2px 8px #00000014}.glow-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.78rem;font-weight:700;background:#0284c71a;color:#0284c7;border:1px solid rgba(2,132,199,.25);letter-spacing:.02em}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000047}input,select,textarea{font-family:var(--font-body);color:var(--text-main);max-width:100%}input::placeholder,textarea::placeholder{color:var(--text-dim)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.92)}}.toast-enter{animation:toastSlideIn .35s cubic-bezier(.21,1.04,.58,1) forwards}.toast-exit{animation:toastSlideOut .28s ease-in forwards}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.nav-scroll-container{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none!important;scrollbar-width:none!important}.nav-scroll-container::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.tab-bar-scrollable{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:4px;border-bottom:1px solid var(--border-glass);margin-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.tab-bar-scrollable::-webkit-scrollbar{display:none}.reports-layout-container{display:flex;min-height:calc(100vh - 65px);background:#f8fafc;position:relative}.reports-sidebar-desktop{width:250px;flex-shrink:0;background:#fff;border-right:1px solid #e2e8f0;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.reports-main-panel{flex:1 1 auto;padding:24px 32px 60px;overflow-y:auto;min-width:0}@media (max-width: 900px){.reports-main-panel{padding:16px 14px 48px!important}}.edit-product-grid{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}@media (max-width: 1024px){.edit-product-grid{grid-template-columns:1fr!important}}.responsive-grid-sidebar{display:flex;gap:20px;align-items:flex-start;flex-wrap:nowrap;width:100%}.responsive-grid-sidebar>.sidebar-panel{width:270px;flex-shrink:0}.responsive-grid-sidebar>.main-table-panel{flex:1 1 0%;min-width:0;max-width:100%}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 960px){.responsive-grid-sidebar{flex-wrap:wrap}.responsive-grid-sidebar>.sidebar-panel{width:100%!important}}.responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%}.responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}.responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%}.responsive-grid-4>*,.responsive-grid-3>*,.responsive-grid-2>*,.form-row-2>*,.form-row-3>*,.form-row-4>*{min-width:0;max-width:100%}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%}.header-action-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:22px}.show-mobile-only{display:none!important}@media (max-width: 1200px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.mobile-hamburger-btn{display:flex!important}.desktop-nav-links,.hide-on-mobile{display:none!important}.show-mobile-only{display:flex!important}.grid-responsive-2,.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important}.grid-responsive-4,.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important}.glass-panel{padding:16px!important;border-radius:var(--radius-md)!important}.form-row-2,.form-row-3,.form-row-4,.responsive-form-grid{grid-template-columns:1fr!important}.modal-dialog-content{width:96vw!important;max-width:96vw!important;max-height:90vh!important;overflow-y:auto!important;padding:16px!important}.btn-primary,.btn-secondary{padding:8px 14px!important;font-size:.84rem!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{font-size:16px!important}}@media (max-width: 600px){html{font-size:14px}.grid-responsive-4,.responsive-grid-4{grid-template-columns:1fr!important}.header-action-wrap{flex-direction:column;align-items:flex-start;gap:12px}.header-action-wrap>div:last-child{width:100%;display:flex;flex-wrap:wrap;gap:8px}.header-action-wrap>div:last-child button,.header-action-wrap>div:last-child a{flex:1 1 auto}}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#00000008}.table-responsive::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#00000047}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}#invoice-printable{background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important;padding:0!important}#invoice-printable *{color:#000!important;border-color:#e2e8f0!important}}