:root{--primary-color:#1e3f20;--primary-hover:#152c16;--secondary-color:#dca153;--accent-color:#4c8a5d;--bg-cream:#faf9f6;--bg-white:#fff;--bg-card:#ffffffd9;--font-headline:"Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Open Sans", Arial, sans-serif;--color-headline:#121212;--color-body:#595858;--border-color:#1e3f2014;--border-focus:#1e3f2066;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 10px 30px #1e3f200f;--shadow-lg:0 20px 40px #1e3f201a;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}@media screen and (width<=768px){.responsive-table-wrapper{overflow-x:hidden!important}.pos-table thead{display:none}.pos-table,.pos-table tbody,.pos-table tr,.pos-table td{width:100%;display:block}.pos-table tr{background-color:#fff;border:1px solid #1e3f201a;border-radius:12px;margin-bottom:16px;padding:12px;box-shadow:0 4px 6px #00000005}.pos-table td{border-bottom:1px dashed #1e3f200d;justify-content:space-between;align-items:center;display:flex;text-align:right!important;padding:8px 0!important}.pos-table td:last-child{border-bottom:none;flex-direction:column;align-items:stretch;gap:8px}.pos-table td:before{content:attr(data-label);color:#888;text-align:left;margin-right:16px;font-size:11px;font-weight:600}.pos-table-actions>div{flex-wrap:wrap;width:100%}.pos-table-actions button{flex:1;justify-content:center;min-width:calc(50% - 8px)}.pos-table-card{min-width:0!important;padding:12px!important}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-body);background-color:var(--bg-cream);min-height:100vh;font-size:16px;font-style:normal;font-weight:500;line-height:22px;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#1e3f2033;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--color-headline);font-style:normal;font-weight:700}.headline-large{font-family:var(--font-headline);color:var(--color-headline);letter-spacing:-.5px;font-size:38px;font-style:normal;font-weight:700;line-height:46px}.sub-headline{font-family:var(--font-body);color:var(--color-body);font-size:16px;font-style:normal;font-weight:500;line-height:22px}a,button{transition:var(--transition-smooth)}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.btn{cursor:pointer;transition:var(--transition-smooth);border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:var(--bg-white);box-shadow:0 4px 14px #1e3f2040}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1e3f2059}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-white);color:var(--primary-color);border:1.5px solid var(--primary-color)}.btn-secondary:hover{background-color:#1e3f200d;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-link{color:var(--primary-color);gap:4px;font-size:14px;font-weight:600}.btn-link:hover{color:var(--accent-color);gap:8px}.bg-decor-circle-1{z-index:0;pointer-events:none;background:radial-gradient(circle,#4c8a5d0f 0%,#faf9f600 70%);width:50vw;max-width:600px;height:50vw;max-height:600px;position:absolute;top:-10%;right:-5%}.bg-decor-circle-2{z-index:0;pointer-events:none;background:radial-gradient(circle,#dca1530d 0%,#faf9f600 70%);width:45vw;max-width:500px;height:45vw;max-height:500px;position:absolute;bottom:-10%;left:-5%}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--color-headline);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-control-wrapper{align-items:center;display:flex;position:relative}.form-control{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:var(--font-body);border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background-color:var(--bg-white);color:var(--color-headline);transition:var(--transition-smooth);padding:14px 16px;font-size:16px;font-weight:500}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #1e3f2014}.form-control-icon{color:var(--color-body);pointer-events:none;position:absolute;left:16px}.form-control-with-icon{padding-left:48px}.form-control-pwd-toggle{color:var(--color-body);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.form-control-pwd-toggle:hover{color:var(--primary-color);background-color:#1e3f200d}@media (width<=768px){.headline-large{font-size:32px;line-height:40px}}.dashboard-container{background-color:var(--bg-cream);flex-direction:row;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-panel{background-color:var(--bg-white);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:280px;min-width:280px;height:100vh;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}.content-wrapper{flex-direction:column;flex:1;height:100dvh;display:flex;position:relative;overflow-y:auto}.mobile-top-bar{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:95;justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:none;position:fixed;top:0;left:0;right:0}.tab-content-flex{flex-flow:wrap;flex:1;height:100%;display:flex;position:relative}.menu-panel{flex-direction:column;flex:65%;gap:20px;max-height:100vh;padding:24px;display:flex;overflow-y:auto}.billing-panel{background-color:var(--bg-white);border-left:1.5px solid var(--border-color);z-index:90;flex-direction:column;flex:35%;min-width:320px;height:100vh;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-y:auto}.mobile-cart-dock{bottom:16px;bottom:max(16px, env(safe-area-inset-bottom,16px));background-color:var(--primary-color);color:var(--bg-white);border-radius:var(--radius-md);z-index:95;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:none;position:absolute;left:16px;right:16px;box-shadow:0 8px 30px #1e3f2040}@media (width<=1024px){.mobile-top-bar{display:flex!important}input,select,textarea,.form-control{font-size:16px!important}.sidebar-panel{z-index:1000!important;border-right:1px solid var(--border-color)!important;width:280px!important;min-width:280px!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;left:-300px!important;box-shadow:0 10px 40px #00000026!important}.sidebar-panel.open{left:0!important}.content-wrapper{width:100%!important;height:calc(100dvh - 60px)!important;margin-top:60px!important}.menu-panel{flex:100%!important;width:100%!important;padding:16px 16px 100px!important}.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.prod-card{border-radius:10px!important;padding:8px!important}.prod-image-container{border-radius:8px!important;height:90px!important;margin-bottom:8px!important}.prod-initials-placeholder{font-size:28px!important}.prod-name{margin-bottom:2px!important;font-size:11px!important;line-height:1.2!important}.prod-desc{display:none!important}.prod-price{font-size:11px!important}.plus-icon{width:20px!important;height:20px!important}.plus-icon svg{width:12px!important;height:12px!important}.prod-stock{margin-top:2px!important;margin-bottom:4px!important;font-size:9px!important}.billing-panel{z-index:1000!important;border-left:none!important;width:100%!important;min-width:320px!important;max-width:360px!important;height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;right:-380px!important;box-shadow:-10px 0 40px #00000026!important}.billing-panel.open{right:0!important}.mobile-cart-dock{display:flex!important}}.responsive-modal-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.responsive-modal-grid{grid-template-columns:1fr;gap:12px}}