@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--color-primary: #1a73e8;--color-primary-dark: #1557b0;--color-primary-light: #4285f4;--color-primary-fg: #ffffff;--color-secondary: #ea4335;--color-secondary-dark: #c5221f;--color-secondary-fg: #ffffff;--color-accent: #fbbc04;--color-accent-dark: #f9ab00;--color-accent-fg: #202124;--color-success: #34a853;--color-success-dark: #1e8e3e;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-dim: #f8f9fa;--color-border: #dadce0;--color-border-subtle: #f1f3f4;--color-text-main: #202124;--color-text-muted: #5f6368;--color-text-light: #80868b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);--shadow-lg: 0 4px 8px 3px rgba(60, 64, 67, .15), 0 1px 3px 0 rgba(60, 64, 67, .3);--shadow-xl: 0 8px 12px 6px rgba(60, 64, 67, .15), 0 4px 4px 0 rgba(60, 64, 67, .3);--shadow-float: 0 12px 24px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05);--font-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Grotesk", monospace}body{background-color:var(--color-background);color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background-color:#1a73e833;color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2}.h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em}.h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}.h3{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}p{line-height:1.6;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-fg);box-shadow:0 2px 4px #1a73e833}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 8px #1a73e84d;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-dim);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-ghost:hover{background-color:#5f636814;color:var(--color-text-main)}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#1a73e833;box-shadow:var(--shadow-float);transform:translateY(-2px)}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.5)}.glass-dark{background:rgba(32,33,36,.9);backdrop-filter:blur(12px);color:#fff}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .5s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1a73e866}50%{box-shadow:0 0 0 10px #1a73e800}}.animate-pulse-glow{animation:pulseGlow 2s infinite}.text-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-fire{background:linear-gradient(135deg,#ea4335 0%,#fbbc04 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.animate-shimmer{animation:shimmer 2.5s infinite}@media (max-width: 768px){:root{--radius-xl: 16px}.h1{font-size:2.5rem}}:root{--color-primary: #1a73e8;--color-primary-fg: #ffffff;--color-secondary: #4285f4;--color-secondary-fg: #ffffff;--color-accent: #ea4335;--color-accent-fg: #ffffff;--color-success: #34a853;--color-destruct: #d93025;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #dadce0;--color-text-main: #202124;--color-text-muted: #5f6368;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--color-background);color:var(--color-text-main);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background-color:#fdba74;color:#0f172a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:700;font-size:.875rem;line-height:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-fg);box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f}.btn-primary:hover{background-color:#1e293b;box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -2px #0f172a0d}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-fg);box-shadow:0 4px 6px -1px #f9731633}.btn-secondary:hover{background-color:#ea580c}.btn-outline{background-color:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.btn-outline:hover{background-color:#f1f5f9;color:var(--color-text-main);border-color:#cbd5e1}.btn-ghost{background-color:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background-color:#f1f5f9;color:var(--color-text-main)}.btn-icon{padding:.75rem;border-radius:var(--radius-full)}.input{display:block;width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-main);font-weight:500;outline:none;transition:all .2s}.input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 4px #f973161a}.card{background-color:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d;padding:1.5rem}.h1{font-size:2.25rem;font-weight:900;letter-spacing:-.025em;line-height:2.5rem}.h2{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:2rem}.h3{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;line-height:1.75rem}.p{font-size:1rem;color:var(--color-text-muted);line-height:1.5rem}.label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;display:block;margin-bottom:.25rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-premium{background:rgba(255,255,255,.4);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268712,inset 0 0 0 1px #ffffff1a}.glass-dark{background:rgba(15,23,42,.8);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.1);color:#fff}.grain-texture:before{content:"";position:absolute;inset:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:10}.receipt-shadow{box-shadow:0 0 20px #0000000d}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp 1s cubic-bezier(.2,.8,.2,1) forwards}html{scroll-behavior:smooth}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bg-scanlines{background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0) 50%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.02));background-size:100% 4px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.animate-glitch:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:40px 40px}}.animate-grid-move{animation:grid-move 2s linear infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes scale-up-center{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.transform-style-preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 15s ease infinite}@keyframes gradient-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-text{background-size:200% auto;animation:gradient-text 3s ease infinite}@keyframes float{0%,to{transform:translateY(0) translateZ(0)}50%{transform:translateY(-20px) translateZ(10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:2s}.perspective-2000{perspective:2000px}.perspective-1000{perspective:1000px}.rotate-y-\[-12deg\]{transform:rotateY(-12deg)}.rotate-x-\[8deg\]{transform:rotateX(8deg)}.rotate-y-6{transform:rotateY(6deg)}.rotate-x-3{transform:rotateX(3deg)}.translate-z-\[60px\]{transform:translateZ(60px)}.translate-z-\[40px\]{transform:translateZ(40px)}.translate-z-\[35px\]{transform:translateZ(35px)}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto);gap:1.5rem}.bento-item{border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1)}.bento-item:hover{transform:scale(1.02);z-index:10}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.animate-blob{animation:blob-float 15s ease-in-out infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-text{background-size:200% auto;animation:gradient-text 5s ease infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes item-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fade-in-up 1s cubic-bezier(.16,1,.3,1) forwards}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 10s ease infinite}.item-float{animation:item-float 3s ease-in-out infinite}.item-float-delayed{animation:item-float 3s ease-in-out infinite 1.5s}@media print{@page{size:auto;margin:0}body,html{width:100%;height:100%;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden}.print\:hidden{display:none!important}img:not(#printable-receipt img){display:none!important;visibility:hidden!important;opacity:0!important}#printable-receipt,#printable-receipt *{visibility:visible}#printable-receipt{position:relative;width:79mm;max-width:100%;margin:0 auto;padding:2mm;box-sizing:border-box;background:white;box-shadow:none;border:none;z-index:9999;opacity:1!important;transform:none!important;display:block!important;overflow:visible!important;height:auto!important}#printable-receipt p,#printable-receipt span,#printable-receipt div,#printable-receipt h1,#printable-receipt h2,#printable-receipt h3,#printable-receipt h4,#printable-receipt h5,#printable-receipt h6,#printable-receipt img{color:#000!important;text-shadow:none!important;opacity:1!important;visibility:visible!important}.no-print{display:none!important}#printable-receipt .overflow-auto{overflow:visible!important;height:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body *{visibility:hidden}#printable-receipt,#printable-receipt *{visibility:visible!important}#printable-receipt{position:relative!important;width:79mm!important;max-width:100%!important;margin:0 auto!important;padding:2mm!important;left:auto!important;top:auto!important;box-shadow:none!important;background:white!important;border:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.receipt-bg-pattern,.receipt-zigzag,.receipt-holes{display:none!important}@page{margin:0;size:auto}img{visibility:visible!important;-webkit-print-color-adjust:exact}}