:root{--theme-mode:"light";--bg-main:#f5f1eb;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#faf7f2;--bg-sidebar:#1e1714;--bg-subtle:#eeebe5;--border-subtle:#e0dbd3;--border-focus:#8b6914;--gold-primary:#8b6914;--gold-light:#a07b1a;--gold-hover:#7a5c10;--gold-glow:#8b691414;--gold-badge-bg:#8b69140f;--sidebar-text:#b8a98f;--sidebar-heading:#7a6b55;--sidebar-active-bg:#3a2e24;--sidebar-active-text:#fff;--sidebar-hover-bg:#2a2018;--card-featured-bg:#3a2a1a;--card-featured-text:#f5ead8;--card-featured-accent:#d4af37;--rose-primary:#db2777;--rose-glow:#db27771a;--emerald-primary:#059669;--emerald-bg:#05966914;--amber-primary:#d97706;--amber-bg:#d9770614;--danger-primary:#dc2626;--danger-bg:#dc262614;--text-primary:#1c1917;--text-secondary:#78716c;--text-muted:#a8a29e;--text-inverse:#fff;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #0000001a}[data-theme=dark]{--theme-mode:"dark";--bg-main:#0e0c0a;--bg-surface:#171412;--bg-card:#1c1917;--bg-card-hover:#231f1b;--bg-sidebar:#0e0c0a;--bg-subtle:#1c1917;--border-subtle:#2e2a26;--border-focus:#d4af37;--gold-primary:#d4af37;--gold-light:#f3e5ab;--gold-hover:#e5c158;--gold-glow:#d4af3726;--gold-badge-bg:#d4af371a;--sidebar-text:#a8a29e;--sidebar-heading:#78716c;--sidebar-active-bg:#2e2620;--sidebar-active-text:#f5ead8;--sidebar-hover-bg:#231f1b;--card-featured-bg:#2a2218;--card-featured-text:#f5ead8;--card-featured-accent:#d4af37;--rose-primary:#ec4899;--rose-glow:#ec48991f;--emerald-primary:#10b981;--emerald-bg:#10b9811a;--amber-primary:#f59e0b;--amber-bg:#f59e0b1a;--danger-primary:#ef4444;--danger-bg:#ef44441a;--text-primary:#f5f1eb;--text-secondary:#a8a29e;--text-muted:#78716c;--text-inverse:#0e0c0a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 24px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .2s,color .2s;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}.font-serif{font-family:var(--font-serif)}.btn{cursor:pointer;min-height:36px;font-size:.85rem;font-weight:600;font-family:var(--font-main);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.1rem;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#1c1917}.btn-primary:hover{background:#292524}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.btn-outline-gold{border:1px solid var(--gold-primary);color:var(--gold-primary);background:0 0}.btn-outline-gold:hover{background:var(--gold-glow)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-primary);color:var(--danger-primary)}.btn-danger:hover{background:var(--danger-primary);color:#fff}.btn-sm{border-radius:6px;min-height:32px;padding:.35rem .75rem;font-size:.78rem}.badge{border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-badge-bg);color:var(--gold-primary);border:1px solid #8b691426}.badge-emerald{background:var(--emerald-bg);color:var(--emerald-primary);border:1px solid #05966926}.badge-amber{background:var(--amber-bg);color:var(--amber-primary);border:1px solid #d9770626}.badge-danger{background:var(--danger-bg);color:var(--danger-primary);border:1px solid #dc262626}.badge-rose{background:var(--rose-glow);color:var(--rose-primary);border:1px solid #db277726}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;transition:border-color .15s,box-shadow .15s}.glass-card:hover{box-shadow:var(--shadow-md)}.form-input,.form-select,.form-textarea{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);font-size:.875rem;font-family:var(--font-main);border-radius:8px;outline:none;padding:.6rem .85rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--text-primary)}.form-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border-radius:8px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:580px}.custom-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.75rem 1rem;font-size:.74rem;font-weight:600}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.75rem 1rem;font-size:.85rem}.custom-table tbody tr{transition:background .1s}.custom-table tbody tr:hover{background:var(--bg-card-hover)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1c191780;justify-content:center;align-items:center;padding:1.25rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:14px;animation:.2s ease-out scaleUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.35rem;display:flex}.modal-body{padding:1.35rem}.modal-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;padding:1.1rem 1.35rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:600;line-height:1.2}.page-subtitle{color:var(--text-secondary);max-width:680px;margin-top:.2rem;font-size:clamp(.8rem,1vw,.85rem);line-height:1.5}.section-title{color:var(--text-primary);letter-spacing:-.01em;font-size:clamp(.95rem,1.4vw,1.05rem);font-weight:600}.text-currency{font-family:var(--font-display);font-variant-numeric:tabular-nums}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-break{word-break:break-word;overflow-wrap:anywhere}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.nowrap{white-space:nowrap}.grid-pos{grid-template-columns:1.25fr .85fr;align-items:start;gap:1.25rem;display:grid}.grid-cards-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-responsive-2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem;display:grid}.grid-form-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.nav-tabs-scroll{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-subtle);scrollbar-width:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.nav-tabs-scroll>*{white-space:nowrap!important;flex-shrink:0!important}.nav-tabs-scroll::-webkit-scrollbar{display:none}.header-actions-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.sidebar-overlay{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-hero{color:#f5ead8;background:linear-gradient(145deg,#3a2a1a 0%,#1e1714 40%,#0e0c0a 100%);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af371f 0%,#0000 60%);width:70%;height:90%;position:absolute;top:-30%;right:-20%}.login-form-side{background:#fff;justify-content:center;align-items:center;padding:2.5rem;display:flex}.login-form-box{width:100%;max-width:380px}.login-input{width:100%;font-size:.9rem;font-family:var(--font-main);color:#1c1917;border:1px solid #d6d3d1;border-radius:6px;outline:none;padding:.7rem .85rem;transition:border-color .15s}.login-input:focus{border-color:#1c1917}.login-btn{color:#fff;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font-main);cursor:pointer;background:#1c1917;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:background .15s;display:flex}.login-btn:hover{background:#292524}.demo-logins-box{color:#78716c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:1.5rem;padding:.75rem;font-size:.78rem}.demo-role-chip{color:#44403c;cursor:pointer;background:#f5f5f4;border:1px solid #e7e5e4;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:500;transition:background .1s;display:inline-block}.demo-role-chip:hover{background:#e7e5e4}@media (width>=1025px){.hide-on-desktop{display:none!important}}@media (width<=1024px){.grid-pos{grid-template-columns:1fr}.grid-cards-4{grid-template-columns:repeat(2,1fr)}.sidebar-overlay.active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:89;background:#0f0c0a80;animation:.15s ease-out fadeIn;display:block;position:fixed;inset:0}.app-sidebar{transform:translate(-100%);z-index:90!important;width:260px!important;height:100vh!important;box-shadow:var(--shadow-lg)!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.app-sidebar.open{transform:translate(0)!important}.hide-on-tablet{display:none!important}.login-container-responsive{grid-template-columns:1fr!important}.login-hero{display:none}.dashboard-grid-responsive,.pos-grid-responsive{grid-template-columns:1fr!important}}@media (width<=768px){.app-main{padding:1rem!important}.grid-cards-4{grid-template-columns:1fr 1fr;gap:.75rem}.grid-form-2{grid-template-columns:1fr}.hide-on-mobile{display:none!important}.modal-overlay{padding:.75rem}.modal-content{border-radius:12px;max-height:94vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.btn{padding:.5rem .9rem;font-size:.82rem}.btn-sm{padding:.35rem .6rem;font-size:.74rem}}@media (width<=480px){.app-main{padding:.75rem!important}.grid-cards-4{grid-template-columns:1fr}.hide-on-small-mobile{display:none!important}}@page{margin:0}@media print{body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}body:has(#printable-receipt) *{visibility:hidden}:is(body:has(#printable-receipt) #printable-receipt,body:has(#printable-receipt) #printable-receipt *){visibility:visible}body:has(#printable-receipt) #printable-receipt{position:absolute;top:0;left:0;color:#000!important;width:auto!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;margin:0!important;padding:8px!important}body:not(:has(#printable-receipt)) .app-sidebar{display:none!important}body:not(:has(#printable-receipt)) .app-navbar{display:none!important}body:not(:has(#printable-receipt)) .sidebar-overlay{display:none!important}body:not(:has(#printable-receipt)) .hide-on-print{display:none!important}body:not(:has(#printable-receipt)) button:not(.print-allow){display:none!important}body:not(:has(#printable-receipt)) .app-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body:not(:has(#printable-receipt)) .glass-card{break-inside:avoid;color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #dcdcdc!important}}
