:root{--surface: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #fdfdfd;--surface-container: #f9f9f9;--surface-container-high: #f5f5f5;--surface-container-highest: #f0f0f0;--surface-dim: #eeeeee;--surface-bright: #ffffff;--surface-variant: #f9f9f9;--primary: #325f3f;--primary-container: #4a7856;--on-primary: #ffffff;--on-primary-container: #ffffff;--surface-tint: #325f3f;--button-primary: linear-gradient(135deg, #325f3f 0%, #4a7856 100%);--button-text: #ffffff;--secondary: #944a00;--secondary-container: #ffdbcd;--on-secondary: #ffffff;--on-secondary-container: #351000;--on-surface: #1e1b13;--on-surface-variant: #414941;--on-background: #1e1b13;--outline: #717971;--outline-variant: rgba(113, 121, 113, .15);--background: #ffffff;--error: #ba1a1a;--error-container: #ffdad6;--on-error: #ffffff;--on-error-container: #93000a;--inverse-surface: #343026;--inverse-on-surface: #f8f0e1;--inverse-primary: #a1d2aa;--font-headline: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-label: "Inter", sans-serif;--display-lg: 3.5rem;--headline-lg: 2rem;--headline-md: 1.75rem;--headline-sm: 1.5rem;--title-lg: 1.375rem;--title-md: 1.125rem;--title-sm: 1rem;--body-lg: 1rem;--body-md: .875rem;--body-sm: .75rem;--label-lg: .875rem;--label-md: .75rem;--label-sm: .6875rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-ambient: 0px 20px 40px rgba(30, 27, 19, .06);--shadow-sm: 0px 4px 12px rgba(30, 27, 19, .04);--shadow-lg: 0px 12px 32px rgba(30, 27, 19, .08);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--action-icon-color: var(--primary);--sidebar-width: 280px;--sidebar-mobile-width: 100%;--topbar-height: 72px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--surface: #1e293b;--surface-container-lowest: #020617;--surface-container-low: #0f172a;--surface-container: #1e293b;--surface-container-high: #334155;--surface-container-highest: #475569;--surface-dim: #020617;--surface-bright: #334155;--surface-variant: #334155;--primary: #4ade80;--primary-container: #166534;--primary-fixed: #14532d;--primary-fixed-dim: #064e3b;--on-primary: #022c22;--on-primary-container: #bbf7d0;--on-primary-fixed: #bbf7d0;--surface-tint: #4ade80;--secondary: #fb923c;--secondary-container: #9a3412;--on-secondary: #431407;--on-secondary-container: #ffedd5;--on-surface: #f8fafc;--on-surface-variant: #cbd5e1;--on-background: #f8fafc;--outline: #475569;--outline-variant: #334155;--background: #0f172a;--error: #fca5a5;--error-container: #7f1d1d;--on-error: #450a0a;--on-error-container: #fecaca;--inverse-surface: #f8fafc;--inverse-on-surface: #0f172a;--inverse-primary: #16a34a;--shadow-ambient: 0px 20px 40px rgba(0, 0, 0, .5);--shadow-sm: 0px 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0px 12px 32px rgba(0, 0, 0, .7);--action-icon-color: #ffffff}@media(min-width:2560px){:root{--display-lg: 4.5rem;--headline-lg: 3rem;--headline-md: 2.5rem;--title-lg: 2rem;--body-lg: 1.25rem;--body-md: 1.125rem;--sidebar-width: 22rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--on-surface);background-color:var(--background);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color var(--duration-slow) var(--ease-out-expo),color var(--duration-slow) var(--ease-out-expo)}.card,.card-flat,aside,header,nav,main,section,input,textarea,select{transition:background-color var(--duration-slow) var(--ease-out-expo),border-color var(--duration-slow) var(--ease-out-expo),color var(--duration-slow) var(--ease-out-expo)}body,p,span:not(.material-symbols-outlined),div,input,select,textarea,.font-body,label,th,td,button,a{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}h1,h2,h3,h4,h5,h6,.font-headline,.sidebar-user-name,.sidebar-cta span:not(.material-symbols-outlined),.card-title,.nav-item a span:not(.material-symbols-outlined),.topbar-title,.btn,strong,b,.badge,.label,th,.td-id{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif!important;font-weight:700!important;letter-spacing:-.02em}.secondary-text,p{font-weight:500;letter-spacing:-.01em}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.fill-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background-color:var(--primary-fixed);color:var(--on-primary-fixed)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.ease-out-expo{transition-timing-function:var(--ease-out-expo)}@keyframes organicReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.organic-reveal{animation:organicReveal var(--duration-slow) var(--ease-out-expo) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--duration-normal) ease forwards}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse-dot{animation:pulse-dot 2s ease-in-out infinite}table{width:100%;border-collapse:separate;border-spacing:0}th{text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;color:#999;padding:1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.04);text-align:left;font-weight:800}td{padding:1.25rem 1rem;font-size:.9rem;color:#1a1a1a;border-bottom:1px solid rgba(0,0,0,.02);vertical-align:middle;font-weight:700}td:first-child,.td-id{font-weight:900;letter-spacing:-.02em;color:#000}.badge-status{padding:.4rem .8rem;border-radius:10px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.badge-status.completed{background:#4a78561a;color:#4a7856}.badge-status.pending{background:#ff98001a;color:#f57c00}[data-theme=dark] td{color:#eee;border-bottom-color:#ffffff0d}[data-theme=dark] th{color:#666;border-bottom-color:#ffffff1a}[data-theme=dark] td:first-child{color:#fff}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stagger-children>*{opacity:0;animation:organicReveal var(--duration-slow) var(--ease-out-expo) forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}:focus-visible{outline:2px solid rgba(74,120,86,.3);outline-offset:2px}.text-primary{color:var(--primary)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-outline{color:var(--outline)}.text-error{color:var(--error)}.text-tertiary{color:var(--tertiary)}.text-secondary{color:var(--secondary)}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--surface)}.bg-surface-container{background-color:var(--surface-container)}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.app-shell{display:flex;min-height:100vh}aside,.sidebar{position:fixed;left:0;top:0;width:280px!important;height:100vh;display:flex;flex-direction:column;background:var(--primary);border-right:none;z-index:1000;overflow:hidden}.sidebar-scroll-area{flex:1;overflow-y:auto;padding:2rem 1.25rem 1rem}.sidebar-footer-fixed{padding:1.5rem 1rem;background:transparent;border-top:none}aside .sidebar-brand-title{color:#fff!important;font-size:1.5rem;font-weight:800}aside .sidebar-brand-subtitle{color:#ffffffb3!important;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}aside .sidebar-user-name{color:#fff!important;font-weight:700}aside .sidebar-user-role{color:#fff9!important;font-size:.7rem}aside .material-symbols-outlined{color:#fff!important}.sidebar-brand{padding:0 .5rem;margin-bottom:2.5rem}.sidebar-brand img{height:3rem;width:auto;object-fit:contain}.sidebar-logo-text{display:flex;flex-direction:column;gap:.15rem}.sidebar-logo-main{font-family:var(--font-headline);font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:.08em;line-height:1}.sidebar-logo-sub{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:#ffffffd9;letter-spacing:.12em;text-transform:uppercase}[data-theme=dark] aside{background-color:var(--surface-container-lowest);border-right:1px solid var(--outline-variant)}.sidebar-brand-title{font-family:var(--font-headline);font-size:1.25rem;font-weight:800;color:var(--on-surface);margin-top:.25rem}.sidebar-brand-subtitle{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);opacity:.7;margin-top:.25rem}.nav-list{list-style:none;flex:1;display:flex;flex-direction:column;gap:.5rem;padding-bottom:3rem}.nav-item a{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem;border-radius:var(--radius-lg);font-family:var(--font-headline);color:#ffffffb3;transition:all var(--duration-normal) var(--ease-out-expo);text-decoration:none}.nav-item a span:not(.material-symbols-outlined){font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;text-transform:uppercase}.nav-item a:hover{background-color:#ffffff1a;color:#fff!important}.nav-item.active a{background-color:#ffffff26;color:#fff!important;box-shadow:0 4px 12px #0000001a}.nav-item.active a .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(225,225,225,.15)}.sidebar-cta{width:100%;padding:1.1rem;background-color:#fff!important;color:var(--primary)!important;border:none;border-radius:12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);box-shadow:0 8px 24px #2e7d3240}.sidebar-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.sidebar-cta:active{transform:scale(.95)}[data-theme=dark] .sidebar-cta{background-color:#fff;color:var(--primary)!important}[data-theme=dark] .sidebar-cta:hover{filter:brightness(1.2)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding-top:1rem}.sidebar-user-avatar{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-avatar span{font-weight:800;color:#fff;font-size:.875rem}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-size:.875rem;font-weight:700;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:#fff9!important}.topbar{position:fixed;top:0;left:280px!important;width:calc(100% - 280px)!important;height:var(--topbar-height);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background-color:var(--primary);z-index:900;border-bottom:1px solid rgba(225,225,225,.05);transition:all .3s ease}[data-theme=dark] .topbar{background-color:var(--surface-container-low);border-bottom:1px solid var(--outline-variant)}.topbar-left{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.topbar-title{font-family:var(--font-headline);font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-transform:uppercase}.topbar-subtitle{font-size:var(--body-sm);color:#fffc;font-weight:500}.topbar-search{position:relative}.topbar-search input{padding:.5rem 1rem .5rem 2.5rem;background-color:var(--surface-container);border:none;border-radius:var(--radius-full);font-size:var(--body-sm);width:16rem;color:var(--on-surface);outline:none;transition:all var(--duration-normal) ease}.topbar-search input:focus{box-shadow:0 0 0 2px #4a785626;width:20rem}.topbar-search .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:var(--outline)}.topbar-actions{display:flex;align-items:center;gap:.5rem}.main-content{margin-left:280px!important;width:calc(100% - 280px)!important;padding-top:var(--topbar-height);min-height:100vh;background-color:var(--surface);display:flex;flex-direction:column;position:relative;z-index:1}.main-content-inner{padding:2.5rem 2rem;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.page-header-left h1{font-size:var(--headline-lg);font-weight:800;letter-spacing:-.02em}.page-header-left p{font-size:var(--body-md);color:var(--on-surface-variant);margin-top:.25rem}.page-header-right{display:flex;gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.5rem}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}@media(max-width:1024px){.col-span-4,.col-span-5,.col-span-7,.col-span-8,.col-span-12{grid-column:span 12}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--surface-container-low);padding:1rem}.login-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--surface);padding:2rem}.login-card{background:var(--surface);border-radius:var(--radius-xl);padding:3rem 2rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--outline-variant);display:flex;flex-direction:column;gap:2rem}.login-header{text-align:center}.login-header img{height:4.5rem;margin:0 auto 1.5rem;object-fit:contain;background-color:var(--primary);padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 4px 12px #7da2454d}.login-header h1{font-size:var(--headline-sm);color:var(--on-surface);font-weight:800;margin-bottom:.5rem}.login-header p{color:var(--on-surface-variant);font-size:var(--body-md)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-full{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:var(--surface-bright);color:var(--on-surface);font-family:var(--font-body);font-size:var(--body-md);transition:border-color var(--duration-fast) var(--ease-out-expo)}.input-full:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-fixed)}.error-msg{color:var(--error);font-size:var(--label-md);font-weight:600;min-height:1rem;display:block;margin-top:.25rem}.forgot-link{font-size:var(--label-md);color:var(--primary);font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-block{width:100%;padding:.875rem 0;font-size:var(--body-md);font-weight:700;display:flex;justify-content:center;align-items:center;gap:.5rem}.login-footer{text-align:center;font-size:var(--body-sm);color:var(--on-surface-variant)}.login-footer a{color:var(--primary);font-weight:700}.mobile-only{display:none!important}@media(max-width:1024px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media(max-width:1024px){aside.sidebar{transform:translate(-100%);transition:transform .4s var(--ease-out-expo);box-shadow:20px 0 60px #00000026;z-index:1100!important}aside.sidebar.active{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-backdrop.active{opacity:1;visibility:visible}.topbar{left:0!important;width:100%!important;padding:.75rem 1.5rem!important;height:auto!important;min-height:var(--topbar-height)}.main-content{margin-left:0!important;width:100%!important}.main-content-inner{padding:1.5rem!important}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:1fr}.col-span-4,.col-span-5,.col-span-7,.col-span-8,.col-span-12{grid-column:span 1}[style*="grid-template-columns: 2.5fr 1fr"],[style*="grid-template-columns: 1fr 2.5fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"]{grid-template-columns:1fr!important;gap:1.5rem!important}}@media(max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr}.topbar-title{font-size:1.15rem;white-space:normal!important;line-height:1.2}.topbar-subtitle{display:none}.topbar-right{gap:.5rem!important}.topbar-search{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header-right{width:100%}.page-header-right button{flex:1}.card{padding:1.5rem!important}.menu-product-card{flex-direction:column!important}.menu-product-card>div:first-child{width:100%!important;height:12rem!important}.table-container{overflow-x:auto}}@media(min-width:1921px){body{background-color:var(--surface-container-low)}.app-shell{max-width:1920px;margin:0 auto;position:relative;box-shadow:0 0 100px #0000001a}}.auth-container{display:flex;min-height:100vh;width:100%;font-family:Inter,sans-serif;background:#fff}.auth-brand-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;overflow:hidden;transition:background .5s ease}.auth-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:#fff}@media(max-width:1024px){.auth-container{flex-direction:column}.auth-brand-side{padding:3rem 2rem;min-height:35vh;justify-content:center;text-align:center;align-items:center;display:flex;flex-direction:column}.auth-brand-side>div{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-brand-side h1{font-size:2.2rem!important}.auth-brand-side .auth-logo{margin-bottom:1.5rem!important;height:50px!important}.auth-form-side{padding:3.5rem 1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Outfit,sans-serif;font-weight:700;font-size:var(--body-md);border:none;cursor:pointer;border-radius:12px!important;transition:all var(--duration-normal) var(--ease-out-expo);white-space:nowrap}.btn:active{transform:scale(.95)}.btn-primary{background:var(--button-primary);color:#fff;padding:.875rem 2.5rem;border-radius:var(--radius-full);box-shadow:0 12px 32px #325f3f40;letter-spacing:.02em}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 16px 40px #325f3f59}.btn-secondary{background-color:var(--surface-container-highest);color:var(--on-surface);padding:.75rem 1.5rem;border-radius:var(--radius-full)}.btn-secondary:hover{background-color:var(--surface-dim)}.btn-tertiary{background:none;color:var(--primary);padding:.5rem 1rem;border-radius:var(--radius-full)}.btn-tertiary:hover{background-color:var(--surface-variant)}.btn-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);padding:0;background-color:var(--surface-container)}.btn-icon:hover{background-color:var(--surface-container-high)}.btn-whatsapp{background-color:#25d366;color:#fff!important;padding:.75rem 1.25rem;border-radius:999px!important;box-shadow:0 4px 12px #25d36633;font-size:var(--body-sm)}.btn-whatsapp:hover{filter:brightness(.95)}.btn-danger{background-color:var(--tertiary-container);color:var(--on-tertiary);padding:.75rem 2rem;border-radius:var(--radius-xl)}.card{background-color:var(--surface);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-ambient);transition:all var(--duration-normal) var(--ease-out-expo);border:1px solid var(--outline-variant)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #1e1b1314}.card-flat{background-color:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid rgba(225,225,225,.3)}.card-elevated{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-ambient)}@media(max-width:768px){.card,.card-flat,.card-elevated{padding:1.25rem!important}.btn{padding:.6rem 1.25rem!important;font-size:var(--body-sm)!important}.btn-primary{padding:.75rem 1.5rem!important}}.input-soft{width:100%;background-color:var(--surface-container-highest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:1.125rem 1.125rem 1.125rem 3.5rem;font-family:var(--font-body);font-size:var(--body-md);color:var(--on-surface);transition:all var(--duration-normal) var(--ease-out-expo);outline:none}.input-soft::placeholder{color:var(--on-surface-variant);opacity:.6}.input-soft:focus{box-shadow:inset 0 0 0 2px #4a785633}.input-rounded{width:100%;background-color:var(--surface-container-highest);border:none;border-radius:var(--radius-xl);padding:.75rem 1rem;font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface);outline:none;transition:all var(--duration-normal) var(--ease-out-expo)}.input-rounded:focus{box-shadow:inset 0 0 0 2px #4a785633}textarea.input-rounded{border-radius:var(--radius-md);resize:vertical}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .7rem;border-radius:var(--radius-full);font-family:var(--font-label);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-success{background-color:#e8f3eb;color:var(--primary)}.badge-warning{background-color:#fff3e0;color:#e65100}.badge-error{background-color:#fce4ec;color:#c62828}.badge-neutral{background-color:var(--surface-container);color:var(--outline)}.badge-primary{background-color:var(--primary-fixed);color:var(--primary)}.label{font-family:var(--font-label);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--on-surface-variant);opacity:.8;display:block;margin-bottom:.375rem;margin-left:.25rem}.progress-bar{width:100%;height:.375rem;background-color:var(--surface-container);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out-expo)}.toggle{width:2.5rem;height:1.5rem;border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out-expo);display:flex;align-items:center;padding:0 .125rem}.toggle.active{background-color:#4a785633}.toggle.inactive{background-color:var(--outline-variant)}.toggle-knob{width:1rem;height:1rem;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out-expo)}.toggle.active .toggle-knob{background-color:var(--primary);margin-left:auto}[data-theme=dark] .toggle.active .toggle-knob{background-color:#fff}.toggle.inactive .toggle-knob{background-color:var(--outline)}.table-container{overflow-x:auto;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid var(--outline-variant)}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background-color:var(--surface-container)}.table-container th{padding:1rem 1.5rem;text-align:left;font-family:var(--font-label);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--outline)}.table-container td{padding:1rem 1.5rem;font-size:var(--body-sm)}.table-container tbody tr{border-bottom:1px solid rgba(225,225,225,.15);transition:background-color var(--duration-fast) ease}.table-container tbody tr:hover{background-color:var(--surface-container-low)}.glass{background-color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pagination{display:flex;gap:.5rem;align-items:center}.pagination-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--body-sm);font-weight:700;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);background-color:var(--surface-container-highest);color:var(--primary)}.pagination-btn:hover,.pagination-btn.active{background-color:var(--primary);color:#fff}.avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);object-fit:cover}.avatar-lg{width:3.5rem;height:3.5rem}.avatar-initials{display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-weight:700;font-size:var(--body-md);border-radius:var(--radius-full)}.kpi-card{padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(225,225,225,.2);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.kpi-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.menu-product-card{transition:all .35s var(--ease-out-expo);border:1px solid rgba(225,225,225,.12)}.menu-product-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #00000014,0 4px 12px #0000000a;border-color:#e1e1e10d}.menu-product-card:hover img{transform:scale(1.03);transition:transform .6s var(--ease-out-expo)}.menu-product-card img{transition:transform .6s var(--ease-out-expo)}.category-card{transition:all .3s var(--ease-out-expo)!important}.category-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0000001a!important;border-color:transparent!important}.category-card:not(:hover){transform:translateY(0) scale(1)}.shift-card{transition:all var(--duration-normal) var(--ease-out-expo)!important}.shift-card:hover{background:var(--surface-container-low)!important;transform:translate(2px)}.btn-menu-delete:hover{background:#c628281a!important;transform:scale(1.1)}.btn-menu-restock:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4a78564d!important}#btn-add-product-cta{transition:all .3s var(--ease-out-expo)}#btn-add-product-cta:hover{border-color:var(--primary)!important;background:var(--primary-fixed)!important;transform:translateY(-2px)}:root{--z-base: 0;--z-sidebar: 30;--z-topbar: 40;--z-dropdown: 50;--z-modal: 100;--z-toast: 200}.dropdown-wrapper{position:relative;display:inline-flex}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:320px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:opacity .2s ease,transform .2s ease,visibility .2s;overflow:hidden}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-right{right:0;left:auto}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--outline-variant)}.dropdown-header h3{font-size:.9375rem;font-weight:800;color:var(--on-surface)}.dropdown-content{max-height:320px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;width:100%;background:none;border:none;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--on-surface);cursor:pointer;text-align:left;transition:background-color .15s ease}.dropdown-item:hover{background-color:var(--surface-container)}.dropdown-item .material-symbols-outlined{font-size:1.25rem;color:var(--outline)}.dropdown-item.color-error .material-symbols-outlined{color:var(--error)}.notif-item{gap:.75rem}.notif-item>.material-symbols-outlined{flex-shrink:0;font-size:1.5rem}.notif-item p{font-size:.8125rem;font-weight:600;color:var(--on-surface);margin:0}.dropdown-profile-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem}.dropdown-profile-header h4{font-size:.9375rem;font-weight:800;color:var(--on-surface);margin:0}.dropdown-profile-header p{font-size:.75rem;color:var(--on-surface-variant);margin:0}.dropdown-divider{border:none;height:1px;background:var(--outline-variant);margin:0}.avatar-sm{width:2rem;height:2rem;border-radius:50%;object-fit:cover}.avatar-md{width:2.75rem;height:2.75rem;border-radius:50%;object-fit:cover}.dropdown-trigger{position:relative}.dropdown-trigger .badge{position:absolute;top:2px;right:2px;min-width:1.125rem;height:1.125rem;padding:0 .3rem;font-size:.625rem;font-weight:800;color:#fff;background:var(--error);border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);line-height:1}.profile-trigger{border-radius:50%;overflow:hidden;padding:0;width:2.25rem;height:2.25rem}.profile-trigger img{width:100%;height:100%;object-fit:cover}.color-primary{color:var(--primary)!important}.color-secondary{color:var(--secondary)!important}.color-error{color:var(--error)!important}.color-variant{color:var(--on-surface-variant)!important}.text-xs{font-size:.6875rem!important}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);max-height:360px;overflow-y:auto;display:none}.search-results.active{display:block}.search-results .search-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s ease;font-size:.8125rem;color:var(--on-surface)}.search-results .search-item:hover{background:var(--surface-container)}.search-results .search-item .material-symbols-outlined{font-size:1.25rem;color:var(--outline)}.search-results .search-category{padding:.5rem 1rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);background:var(--surface-container-low)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}#print-area{display:none}.receipt-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b1399;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s var(--ease-out-expo)}.receipt-modal-overlay.visible{opacity:1}.receipt-modal-container{background:var(--surface-container);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 32px 80px #00000040;max-width:480px;width:95%;max-height:90vh;display:flex;flex-direction:column;transform:translateY(20px) scale(.97);transition:transform .3s var(--ease-out-expo)}.receipt-modal-overlay.visible .receipt-modal-container{transform:translateY(0) scale(1)}.receipt-modal-controls{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:var(--surface);border-bottom:1px solid rgba(225,225,225,.3)}.receipt-modal-controls-left{display:flex;align-items:center;gap:.5rem}.receipt-modal-controls-right{display:flex;align-items:center;gap:.75rem}.receipt-size-toggle{display:flex;background:var(--surface-container-highest);border-radius:var(--radius-full);padding:2px}.receipt-size-btn{border:none;background:transparent;color:var(--outline);font-family:var(--font-label);font-size:.6875rem;font-weight:700;padding:.35rem .75rem;border-radius:var(--radius-full);cursor:pointer;transition:all .15s ease}.receipt-size-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #4a785640}.receipt-size-btn:hover:not(.active){color:var(--on-surface)}.receipt-modal-print-btn{padding:.5rem 1.25rem!important;font-size:.8125rem!important;border-radius:var(--radius-full)!important}.receipt-modal-close-btn{width:2rem;height:2rem;border-radius:var(--radius-full);background:#c6282814;color:var(--error);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.receipt-modal-close-btn:hover{background:#c6282826}.receipt-modal-close-btn .material-symbols-outlined{font-size:1.125rem}.receipt-modal-body{padding:2rem;overflow-y:auto;max-height:70vh;display:flex;justify-content:center;background:repeating-linear-gradient(45deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 10px,transparent 10px,transparent 20px)}.receipt-paper{width:58mm;background:#fff;padding:12px 8px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000a;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.4;color:#1a1a1a;transition:width .25s var(--ease-out-expo);position:relative}.receipt-paper[data-size="58"]{width:58mm!important;font-size:11px}.receipt-paper[data-size="80"]{width:80mm!important;font-size:13.5px}.receipt-paper:before,.receipt-paper:after{content:"";position:absolute;left:0;right:0;height:6px;background:linear-gradient(135deg,#fff 33.33%,transparent 33.33%,transparent 66.67%,#fff 66.67%);background-size:8px 6px}.receipt-paper:before{top:-6px}.receipt-paper:after{bottom:-6px;transform:rotate(180deg)}.receipt-header{text-align:center;margin-bottom:6px}.receipt-logo{font-size:20px;font-weight:700;letter-spacing:4px;margin-bottom:1px}.receipt-subtitle{font-size:9px;font-weight:400;letter-spacing:1px;opacity:.7;margin-bottom:4px}.receipt-address{font-size:8px;opacity:.6;margin-bottom:4px}.receipt-type{font-size:10px;font-weight:700;letter-spacing:2px;margin-top:6px;padding:3px 0;border-top:1px solid #333;border-bottom:1px solid #333}.receipt-separator{text-align:center;font-size:9px;color:#666;margin:6px 0;overflow:hidden;white-space:nowrap;letter-spacing:-1px}.receipt-info{margin:6px 0}.receipt-row{display:flex;justify-content:space-between;margin-bottom:2px;font-size:10px}.receipt-bold{font-weight:700}.receipt-section-title{font-weight:700;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-align:center}.receipt-items{margin-bottom:6px}.receipt-item{display:flex;align-items:baseline;gap:4px;margin-bottom:3px;font-size:10px}.receipt-item-qty{font-weight:700;min-width:24px;flex-shrink:0}.receipt-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-item-price{font-weight:700;text-align:right;white-space:nowrap;flex-shrink:0}.receipt-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;padding:4px 0}.receipt-concept{font-size:10px;font-style:italic;padding:4px 0;text-align:center}.receipt-ingreso{color:#1b5e20}.receipt-egreso{color:#b71c1c}.receipt-footer{text-align:center;margin-top:8px}.receipt-footer p{margin:2px 0;font-size:9px}.receipt-small{font-size:8px!important;opacity:.5;margin-top:6px!important}@media print{html,body{margin:0!important;padding:0!important;width:100%!important;height:auto!important;background:#fff!important;overflow:visible!important}body>*:not(#print-area){display:none!important}#print-area,#print-area *{visibility:visible!important;opacity:1!important}#print-area{display:block!important;position:absolute!important;left:0!important;top:0!important;padding:2mm!important;margin:0!important;font-family:Courier New,Courier,monospace!important;color:#000!important;background:#fff!important;line-height:1.3!important;z-index:999999!important}#print-area[data-size="58"]{width:58mm!important;font-size:11px!important}#print-area[data-size="80"]{width:80mm!important;font-size:13px!important}#print-area .receipt-ingreso,#print-area .receipt-egreso{color:#000!important}#print-area .receipt-row{display:flex!important;justify-content:space-between!important}#print-area .receipt-item{display:flex!important}#print-area .receipt-total{display:flex!important;justify-content:space-between!important;font-size:14px!important;font-weight:700!important}@page{margin:0!important;padding:0!important;size:auto}#print-area .receipt-paper{box-shadow:none!important;border:none!important}}