:root{--bg-color: #f8fafc;--surface-color: rgba(255, 255, 255, .8);--surface-color-hover: #ffffff;--primary-color: #1e1b18;--primary-rgb: 30, 27, 24;--primary-color-hover: #0a0908;--secondary-color: #f1f5f9;--accent-color: #c29771;--text-dark: #0f172a;--text-main: #334155;--text-light: #64748b;--border-color: rgba(15, 23, 42, .08);--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b;--primary-gradient: linear-gradient(135deg, #1e1b18 0%, #4b312d 100%);--primary-subtle: rgba(30, 27, 24, .08);--primary-glow: rgba(30, 27, 24, .15);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(24px);--panel-bg: rgba(255, 255, 255, .85);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--inner-glow: inset 0 0 0 1px rgba(255, 255, 255, .3);--mesh-bg: radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);--mesh-bg-light: radial-gradient(at 0% 0%, rgba(194, 151, 113, .05) 0, transparent 50%), radial-gradient(at 50% 0%, rgba(30, 27, 24, .03) 0, transparent 50%), radial-gradient(at 100% 0%, rgba(194, 151, 113, .05) 0, transparent 50%);--espresso: #1a0f0e;--mocha: #3d2b1f;--latte: #e3d5ca;--crema: #d4a373;--coffee-gradient: linear-gradient(135deg, #1a0f0e 0%, #3d2b1f 100%);--coffee-mesh: radial-gradient(at 0% 0%, hsla(20,100%,5%,1) 0, transparent 50%), radial-gradient(at 50% 0%, hsla(30,40%,20%,1) 0, transparent 50%), radial-gradient(at 100% 0%, hsla(15,30%,15%,1) 0, transparent 50%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-display: 3rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-body: 1rem;--text-small: .875rem;--text-caption: .75rem;--ease-enter: cubic-bezier(0, 0, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-normal: .25s;--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--cart-width: 420px;--font-family: "Outfit", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Plus Jakarta Sans", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--touch-target: 44px;--touch-padding: var(--space-3);--dash-gap: var(--space-6);--dash-padding: var(--space-8);--metric-padding: var(--space-5);--card-radius: 12px;--header-size: 2.25rem;--header-margin: var(--space-8);--header-padding: var(--space-3);--tablet-landscape: (max-width: 1180px);--short-screen: (max-height: 750px);--mobile-screen: (max-width: 768px)}.compact-table th,.compact-table td{padding:.75rem 1rem!important;font-size:.85rem!important}.compact-table th{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important;font-size:.75rem!important}.compact-table tr:hover{background-color:#1e1b1808!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:-.03em;font-weight:800}.order-card{display:flex;flex-direction:column;border:1px solid var(--border-color);background:#fff;border-radius:var(--card-radius);transition:box-shadow var(--duration-normal) var(--ease-enter),transform var(--duration-fast) var(--ease-enter);height:100%;min-height:220px;position:relative;overflow:hidden}.order-card-pending{box-shadow:0 20px 25px -5px rgba(var(--primary-rgb),.1),0 10px 10px -5px rgba(var(--primary-rgb),.04)}.order-card-header{padding:var(--metric-padding);background-color:rgba(var(--primary-rgb),.01);border-bottom:1px solid var(--border-color)}.order-card-badge{position:absolute;top:0;right:0;padding:4px 12px;background-color:var(--primary-color);color:#fff;font-size:var(--text-caption);font-weight:800;border-bottom-left-radius:12px;letter-spacing:.5px}.order-card-items{flex:1;padding:var(--metric-padding);display:flex;flex-direction:column;gap:var(--space-3)}.order-card-footer{padding:var(--space-4);border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);background-color:#fafafa}.app-container{display:flex;width:100vw;height:100dvh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--space-8);background-attachment:fixed;min-width:0}.mesh-gradient-premium{background-image:var(--mesh-bg-light);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:#00000040}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#0003}h1,h2,h3,h4,h5,h6{color:var(--text-dark);margin-bottom:var(--space-2)}p{color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-enter);border:none;font-size:var(--text-small);user-select:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 15px -3px var(--primary-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 20px 25px -5px var(--primary-glow)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-dark)}.btn-secondary:hover{background-color:var(--accent-color)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-dark)}.btn-outline:hover{background-color:var(--surface-color)}.card{background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card-dark{background:#0f172ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0006;color:#fff}.dashboard-header{padding:.6rem 1rem;display:flex;gap:var(--space-4);align-items:center;background:#fff;position:sticky;top:0;z-index:50;border-radius:var(--card-radius);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-md);min-width:0}.dashboard-nav{display:flex;gap:var(--space-2);overflow-x:auto;flex:1;align-items:center;min-width:0;scrollbar-width:none}.dashboard-nav::-webkit-scrollbar{display:none}.dashboard-nav-btn{display:flex;align-items:center;gap:var(--space-2);padding:.6rem 1rem;border-radius:.85rem;position:relative;border:none;cursor:pointer;white-space:nowrap;background:transparent;color:var(--text-medium);font-weight:700;font-size:var(--text-small);transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-nav-btn.active{color:#fff!important;font-weight:800}.card.interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary-color);background-color:#fff}.card.interactive:active{transform:scale(.98)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);background-color:var(--surface-color)}.card-body{padding:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-small);font-weight:500;margin-bottom:var(--space-2);color:var(--text-dark)}.form-control{width:100%;padding:var(--space-3) var(--space-4);min-height:48px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#ffffff80;font-family:var(--font-family);font-size:var(--text-small);transition:all var(--duration-normal) var(--ease-enter)}.form-control:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px var(--primary-subtle)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--surface-color);font-weight:600;color:var(--text-dark);font-size:var(--text-small)}td{font-size:var(--text-small)}tbody tr:hover{background-color:var(--bg-color)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.text-right{text-align:right}.font-bold{font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:768px){:root{--sidebar-width: 0px;--touch-target: 48px;--touch-padding: var(--space-4)}.app-container{flex-direction:column}.main-content{padding:1rem!important}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px!important;margin:0!important;border-radius:0!important;transform:translate(-100%);z-index:2000!important;height:100dvh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 50px #0000004d}.sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.75rem!important}.stats-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.hide-tablet{display:none!important}.show-tablet{display:flex!important}.pos-cart-panel{display:none!important;width:100%!important}.pos-cart-panel.mobile-active{display:flex!important}.modal-content{width:95vw!important;max-width:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-enter) both}.animate-fadeIn{animation:fadeIn .35s ease-out both}.modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;animation:fadeInScale var(--duration-normal) var(--ease-enter);max-height:90vh;overflow-y:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md);border:none;background:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-enter);color:var(--text-light)}.icon-btn:hover{background-color:var(--secondary-color);color:var(--text-dark)}.icon-btn.action-danger{color:#f87171}.icon-btn.action-danger:hover{background-color:#fef2f2;color:var(--danger-color)}.icon-btn-glass{display:inline-flex;align-items:center;justify-content:center;padding:.625rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text-dark)}.icon-btn-glass:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.icon-btn-glass:active{transform:scale(.95)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.menu-card{min-height:220px}.menu-card-media{height:140px}.menu-card.variant-list{flex-direction:row;min-height:80px;align-items:center}.menu-card.variant-list .menu-card-media{width:70px;height:70px;border-radius:var(--radius-sm);margin:.5rem;flex-shrink:0}.menu-card.variant-list .card-body{padding:var(--space-2);text-align:left;display:flex;flex-direction:column;justify-content:center}.menu-card.variant-minimal{min-height:60px;background:var(--surface-color);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;padding:.5rem .75rem}.menu-card.variant-minimal .menu-card-media{display:none}.menu-card.variant-minimal .card-body{padding:0;text-align:left}@media(max-width:1180px){:root{--sidebar-width: 230px;--cart-width: 290px;--dash-gap: var(--space-4);--dash-padding: 1.25rem;--metric-padding: var(--space-4);--card-radius: 1.25rem;--touch-target: 44px;--touch-padding: var(--space-2)}.main-content{padding:var(--space-3) var(--space-4)}.sidebar{padding:1rem .75rem;width:var(--sidebar-width)}.sidebar h1{font-size:1rem}.sidebar nav{gap:var(--space-4)}.sidebar li a{gap:.6rem;padding:.6rem .75rem}.sidebar li a span{font-size:.8rem}.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:var(--space-3)}.dashboard-hero{padding:1.5rem 2rem}.dashboard-hero h1{font-size:1.75rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.menu-card{min-height:180px}.reports-container{padding:var(--space-3) var(--space-4);gap:var(--space-4)}.reports-sidebar-internal{width:200px;flex-shrink:0}.form-control{min-height:44px;font-size:.9rem}.payment-method-btn{min-height:80px}}@media(max-height:750px){:root{--dash-gap: var(--space-3);--dash-padding: .85rem;--metric-padding: var(--space-3);--card-radius: 1rem;--header-size: 1.5rem;--header-margin: 1rem;--header-padding: var(--space-2)}.dashboard-hero{padding:1rem 1.5rem!important}.dashboard-hero h1{font-size:1.5rem!important}.modal-content{max-height:85vh}.main-content{padding-bottom:3rem}.chart-card-body{height:220px!important}}@media(max-width:768px){:root{--sidebar-width: 0px;--touch-target: 48px;--touch-padding: var(--space-4)}.main-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr!important}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sidebar{position:fixed;transform:translate(-100%);width:280px;z-index:2000}.sidebar.mobile-open{transform:translate(0)}}@media(max-width:1024px){:root{--sidebar-width: 80px;--cart-width: 340px}.sidebar span{display:none}.main-content{padding:var(--space-4)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}}@media(max-width:820px){:root{--cart-width: 300px}.main-content{padding:var(--space-3)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.menu-card{min-height:200px}.menu-card-media{height:110px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.reload-prompt{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:var(--space-3);padding:.85rem 1.25rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideUp .35s cubic-bezier(.4,0,.2,1) forwards;max-width:480px;width:calc(100% - 2rem)}.reload-prompt-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-color);animation:spin 2s linear infinite}.reload-prompt-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.reload-prompt-text strong{font-size:var(--text-small);color:var(--text-dark)}.reload-prompt-text span{font-size:var(--text-caption);color:var(--text-light)}.reload-prompt-actions{display:flex;align-items:center;gap:var(--space-2)}.reload-prompt-update{padding:.4rem 1rem!important;min-height:36px!important;font-size:.8rem!important;border-radius:var(--radius-md)!important}.reload-prompt-dismiss{display:flex;align-items:center;justify-content:center;padding:.35rem;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-light);transition:all .15s}.reload-prompt-dismiss:hover{background:var(--secondary-color);color:var(--text-dark)}.network-banner{position:fixed;top:0;left:0;right:0;z-index:10001;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:600;animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.network-offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.network-online{background:linear-gradient(135deg,#10b981,#059669);color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media print{@page{margin:0;size:auto}html,body{background-color:#fff!important;margin:0!important;padding:0!important;height:auto!important}#root,.app-container,.main-content,.sidebar,.sidebar-overlay,.no-print{display:none!important}.receipt-content{display:block!important;position:absolute;left:0;top:0;width:100%!important;max-width:300px;margin:0 auto!important;padding:10px!important;border:none!important;box-shadow:none!important;color:#000!important;background-color:#fff!important;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.2}.receipt-content *{color:#000!important;background-color:transparent!important;visibility:visible!important}.receipt-content h2{font-size:18px!important;margin-bottom:5px!important;text-transform:uppercase}.receipt-content p,.receipt-content div{font-size:12px!important}.receipt-divider{border-top:1px dashed #000!important;margin:8px 0!important;height:0;width:100%}body>.receipt-modal-container{display:flex!important;position:static!important;background:none!important}body.printing-report .main-content{display:block!important;padding:0!important;overflow:visible!important}body.printing-report .sidebar,body.printing-report .sidebar-overlay,body.printing-report .no-print{display:none!important}body.printing-report .card{break-inside:avoid;box-shadow:none!important;border:1px solid #e2e8f0!important;margin-bottom:20px}body.printing-report{background-color:#fff!important}body.printing-shift #root,body.printing-shift .app-container{display:flex!important}body.printing-shift .sidebar,body.printing-shift .top-bar,body.printing-shift .main-content{display:none!important}body.printing-shift .shift-print-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:block!important;padding:0!important}body.printing-shift .shift-summary-print{position:relative!important;max-width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:0!important;background:#fff!important;color:#000!important}body.printing-shift .shift-summary-print .custom-scrollbar{overflow:visible!important;max-height:none!important}body.printing-shift .toast-item,body.printing-shift .notification-container{display:none!important}}.notification-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;width:auto}.toast-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:300px;max-width:450px;animation:slideIn .3s ease-out forwards;pointer-events:auto;transition:all var(--duration-normal) var(--ease-enter)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.notification-container{top:auto;bottom:1rem;left:1rem;right:1rem;align-items:center}.toast-item{min-width:0;width:100%;max-width:none;animation:slideUpMobile .3s ease-out forwards}}.mesh-gradient-dark{background:linear-gradient(135deg,#1a0f0e,#2d1b14 40%,#3d2b1f,#1a0f0e);background-size:400% 400%;animation:meshShift 15s ease infinite}@keyframes meshShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass-premium{background:#1a0f0ea6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(194,151,113,.12);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.text-glow{text-shadow:0 0 20px rgba(194,151,113,.4),0 0 40px rgba(194,151,113,.2)}.focus-ring-accent:focus{outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px #c2977140}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-2{padding:var(--space-2)}.pl-6{padding-left:1.5rem}.rounded-full{border-radius:9999px}.rounded-3xl{border-radius:1.5rem}.whitespace-nowrap{white-space:nowrap}.font-medium{font-weight:500}.text-white{color:#fff}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.scale-105{transform:scale(1.05)}.bg-accent{background-color:var(--accent-color)}.text-mocha-light{color:var(--latte)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\:text-white:hover{color:#fff}.hover\:border-accent:hover{border-color:var(--accent-color)!important}.active\:scale-95:active{transform:scale(.95)}.pwa-install-banner{background:var(--primary-gradient);color:#fff;padding:var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.pwa-install-banner p{color:#fff;font-size:var(--text-small);margin:0}.pwa-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff3;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600}@media(min-width:1025px){.login-brand-side{display:flex!important;flex-direction:column}.login-mobile-header{display:none!important}.login-container{max-width:1100px!important}}