:root{--background:#ffffff;--foreground:#1f2937;--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary:#e5e7eb;--accent:#f59e0b;--success:#059669;--error:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--border-radius:12px;--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-md:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-lg:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--navbar-bg:rgba(255,255,255,0.7);--glass-bg:rgba(255,255,255,0.08);--glass-strong:rgba(255,255,255,0.12);--orb-1:linear-gradient(45deg,#ff6b6b,#ffd93d);--orb-2:linear-gradient(45deg,#74b9ff,#0984e3);--orb-3:linear-gradient(45deg,#a29bfe,#6c5ce7);--page-grad-start:#667eea;--page-grad-end:#764ba2}@media (prefers-color-scheme:dark){:root{--background:#071026;--foreground:#e6eef8;--gray-50:#071026;--gray-100:#0b1630}}[data-theme=dark]{--background:#0b1220;--foreground:#e6eef8;--primary:#60a5fa;--primary-light:#93c5fd;--primary-dark:#2563eb;--navbar-bg:rgba(6,10,20,0.6);--glass-bg:rgba(11,18,32,0.12);--glass-strong:rgba(11,18,32,0.18);--orb-1:linear-gradient(45deg,rgba(255,107,107,0.12),rgba(255,217,61,0.06));--orb-2:linear-gradient(45deg,rgba(116,185,255,0.1),rgba(9,132,227,0.04));--orb-3:linear-gradient(45deg,rgba(162,155,254,0.08),rgba(108,92,231,0.04));--gray-50:#071026;--gray-100:#0b1630;--gray-200:#122033;--gray-300:#223248;--gray-400:#334659;--gray-500:#9fb0c8;--gray-600:#7f92a6;--shadow-sm:0 1px 3px rgba(2,6,23,0.6);--shadow:0 8px 30px rgba(2,6,23,0.6)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{color:var(--foreground);background:var(--background)}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary)}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06)}.glass-strong{background:var(--glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius);font-size:14px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:44px;position:relative;overflow:hidden;transform-style:preserve-3d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s;z-index:1}.btn:hover:before{transform:translateX(100%)}.btn:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:white;color:var(--primary);border-color:var(--primary)}.btn-lg{padding:16px 32px;font-size:16px;min-height:52px}.btn-sm{padding:8px 16px;font-size:12px;min-height:36px}.touch-button{min-height:56px;min-width:56px;padding:16px 20px;border-radius:var(--border-radius);font-size:16px;font-weight:600;transition:all .2s ease;background:var(--primary);color:white;border:2px solid var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.touch-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary-dark);border-color:var(--primary-dark)}.card{background:var(--glass-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm);transition:all .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;transform-style:preserve-3d}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(167,139,250,.06));border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover:before{opacity:1}.card:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 20px rgba(96,165,250,.06)}.card-header{margin-bottom:12px}.card-title{font-size:20px;font-weight:700;margin-bottom:6px;color:var(--foreground)}.card-subtitle{font-size:14px;color:var(--gray-500);margin-bottom:8px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:6px;font-weight:500}.form-input,.form-label{font-size:14px;color:var(--foreground)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius);transition:border-color .2s ease,box-shadow .2s ease;background:var(--background);min-height:44px}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.form-input::placeholder{color:var(--gray-400)}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px;padding:16px}.product-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:var(--background);border:2px solid var(--gray-200);text-align:center;-webkit-user-select:none;user-select:none}.product-tile:hover{border-color:var(--primary);transform:scale(1.02);box-shadow:var(--shadow-lg)}.product-tile.selected{border-color:var(--primary);background:var(--primary);color:white}.product-tile h3{font-size:14px;font-weight:600;margin-bottom:8px}.product-tile .price{font-size:16px;font-weight:700;color:var(--success)}.product-tile.selected .price{color:white}.navbar{background:var(--navbar-bg);border-bottom:1px solid rgba(229,231,235,.5);padding:0 24px;height:64px;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar,.navbar .navbar-inner{display:flex;align-items:center;justify-content:space-between}.navbar .navbar-inner{width:100%;gap:16px}.navbar .navbar-center,.navbar .navbar-left,.navbar .navbar-right{display:flex;align-items:center;gap:16px}.navbar .navbar-center{flex:1 1;justify-content:center}.navbar .navbar-brand{font-size:20px;font-weight:700;color:var(--primary)}.nav-link{color:var(--gray-600);font-weight:500;transition:color .15s ease}.nav-link:hover{color:var(--primary)}.controls{display:flex;align-items:center;gap:8px}.lang-btn button{background:transparent;border:none;padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--gray-600)}.lang-btn button.active{background:rgba(0,0,0,.06);color:var(--primary)}.theme-toggle{border:none;padding:6px;border-radius:8px}.theme-toggle,.user-button{background:transparent;cursor:pointer}.user-button{gap:8px;border:none}.avatar,.user-button{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;justify-content:center;font-weight:700}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--background);border:1px solid var(--gray-200);border-radius:12px;padding:12px;min-width:220px;box-shadow:var(--shadow);z-index:200}.user-dropdown a,.user-dropdown button{display:block;padding:8px 6px;color:var(--foreground);text-align:left;width:100%;border:none;background:transparent}.mobile-toggle{display:none;background:transparent;border:none;font-size:20px;cursor:pointer}@media (max-width:900px){.navbar .navbar-center{display:none}.mobile-toggle{display:inline-flex}}.navbar-nav{display:flex;align-items:center;gap:24px;list-style:none}.navbar-nav a{color:var(--gray-600);font-weight:500;transition:color .2s ease}.navbar-nav a.active,.navbar-nav a:hover{color:var(--primary)}html{scroll-behavior:smooth}.parallax-element{transform:translateZ(0);transition:transform .1s ease-out}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:all .6s ease-out}.fade-in-right.visible{opacity:1;transform:translateX(0)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.gradient-text-animated{background:linear-gradient(-45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 6s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 6s ease-in-out infinite}.float-animation-reverse{animation:float 6s ease-in-out infinite reverse}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(96,165,250,.7)}70%{box-shadow:0 0 0 20px rgba(96,165,250,0)}to{box-shadow:0 0 0 0 rgba(96,165,250,0)}}.pulse-glow{animation:pulseGlow 2s infinite}.loading-dots{display:inline-block;position:relative;width:80px;height:80px}.loading-dots div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--primary);animation-timing-function:cubic-bezier(0,1,1,0)}.loading-dots div:first-child{left:8px;animation:loading-dots1 .6s infinite}.loading-dots div:nth-child(2){left:8px;animation:loading-dots2 .6s infinite}.loading-dots div:nth-child(3){left:32px;animation:loading-dots2 .6s infinite}.loading-dots div:nth-child(4){left:56px;animation:loading-dots3 .6s infinite}@keyframes loading-dots1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loading-dots2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes loading-dots3{0%{transform:scale(1)}to{transform:scale(0)}}.btn-morph{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-morph:hover{border-radius:25px;letter-spacing:2px}.tilt-effect{transform-style:preserve-3d;transition:transform .1s}.tilt-effect:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.magnetic-btn{transition:transform .1s ease;cursor:pointer}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);animation:textReveal 1.5s ease forwards}@keyframes textReveal{0%{left:0}50%{left:0;right:0}to{left:100%}}:focus{outline:none;box-shadow:0 0 0 3px rgba(96,165,250,.3);transition:box-shadow .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--page-grad-start),var(--page-grad-end));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}@media (max-width:1024px){.card:hover{transform:translateY(-4px)}}@media (max-width:768px){.card:hover{transform:none}.btn:hover{transform:scale(1.02)}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:rgba(96,165,250,.3);color:inherit}::-moz-selection{background:rgba(96,165,250,.3);color:inherit}@media print{*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body{font-size:12px!important;line-height:1.2!important;margin:0!important;padding:0!important}.no-print,.no-print *{display:none!important;visibility:hidden!important}.receipt{width:80mm!important;max-width:none!important;margin:0!important;padding:2mm!important;background:white!important;color:black!important}.receipt *{font-family:Courier New,monospace!important}}@page{size:80mm auto;margin:0}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid var(--gray-300);border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.p-4{padding:16px}.p-6{padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--border-radius)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}