.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-top-color:var(--glass-border-top);box-shadow:var(--glass-shadow), var(--glass-inset);border-radius:var(--radius-lg);position:relative;overflow:hidden;transform:translateZ(0)}.glass:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(135deg,#ffffff1a 0%,#0000 45%),linear-gradient(225deg,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.glass:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(160deg,#ffffff1f 0%,#0000 28%);position:absolute;inset:0}.glass-tilt{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease);transform-style:preserve-3d;will-change:transform}.glass-tilt:hover{box-shadow:var(--glass-shadow), var(--glass-inset), var(--accent-glow)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);border-radius:var(--radius-full);height:44px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-base) var(--ease-spring);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.btn-primary{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#34d058 0%,#28c048 60%,#1fa838 100%);box-shadow:0 4px 22px #30d15866,0 1px 4px #00000040,inset 0 1px #ffffff4d}.btn-ghost:hover{background:var(--glass-bg-hover);box-shadow:var(--accent-glow);border-color:#ffffff42;transform:translateY(-1px)}.btn-danger:hover{background:#ff475747;border-color:#ff475799;transform:translateY(-1px);box-shadow:0 0 24px #ff47574d}.btn-magnetic{transition:transform var(--dur-base) var(--ease-out)!important}.input:focus{border-color:var(--accent);background:#06100ad9;box-shadow:0 0 0 3px #30d1582e,inset 0 1px #30d1580d}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-nova .badge-dot{background:var(--text-dim)}.badge-prijato .badge-dot{background:var(--color-info)}.badge-vari_se .badge-dot{background:var(--color-warning);animation:1.5s ease-in-out infinite pulse-dot}.badge-dovoz .badge-dot{background:var(--accent);animation:2s ease-in-out infinite pulse-dot}.badge-hotovo .badge-dot{background:var(--accent)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tab-item.active{color:var(--text-inverse);background:linear-gradient(135deg,#34d058,#28c048);box-shadow:0 3px 16px #30d15873,inset 0 1px #fff3}.tab-item:hover:not(.active){color:var(--text-primary);background:#30d1580f}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#30d1580a 0%,#30d1581a 40%,#30d1580a 80%) 0 0/200% 100%;animation:1.6s ease-in-out infinite shimmer}.skeleton-text{border-radius:4px;height:14px}.skeleton-title{border-radius:6px;height:22px}.skeleton-card{composes:glass skeleton;height:90px;padding:0}.checkbox-custom{border:2px solid var(--glass-border);border-radius:var(--radius-xs);cursor:pointer;width:22px;height:22px;transition:all var(--dur-base) var(--ease-spring);background:#08140d99;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-custom.checked{background:var(--accent);border-color:var(--accent);transform:scale(1.08);box-shadow:0 0 12px #30d1588c}.checkbox-custom.checked:after{content:"";border:2px solid var(--text-inverse);border-top:none;border-left:none;width:6px;height:10px;display:block;transform:rotate(45deg)translate(-1px,-1px)}@keyframes confetti-fall{0%{transform:translate(var(--cx,0), var(--cy,0)) rotate(0deg) scale(1);opacity:1}80%{opacity:1}to{transform:translate(calc(var(--cx,0) + var(--dx,0px)), calc(var(--cy,0) + 140px)) rotate(var(--rot,360deg)) scale(.4);opacity:0}}.confetti-piece{pointer-events:none;z-index:9999;animation:confetti-fall .8s var(--ease-out) forwards;border-radius:2px;position:fixed}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.pulse-ring{border-radius:inherit;border:2px solid var(--accent);animation:pulse-ring 1.5s var(--ease-out) infinite;pointer-events:none;position:absolute;inset:-4px}.credit-pill{border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent);box-shadow:var(--accent-glow);transition:all var(--dur-base) var(--ease-spring);cursor:default;background:#30d1581a;border:1px solid #30d15840;align-items:center;gap:6px;padding:5px 14px;font-weight:700;display:inline-flex}.credit-pill:hover{box-shadow:var(--accent-glow-lg);background:#30d15829;transform:scale(1.04)}.counter-value{transition:transform var(--dur-fast) var(--ease-spring);display:inline-block}.counter-value.bump{transform:scale(1.22)}.glass:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%,#30d15805 100%);position:absolute;inset:0}.glass-sm{border-radius:var(--radius-sm)}.glass-md{border-radius:var(--radius-md)}.glass-xl{border-radius:var(--radius-xl)}.glass-light{background:var(--glass-bg-light)}.glass-hover{cursor:pointer;transition:transform var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease)}.glass-hover:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow), var(--glass-inset), var(--accent-glow);border-color:#30d15847;transform:translateY(-2px)}.glass-hover:active{transform:translateY(0)scale(.99)}.glow-border{box-shadow:var(--glass-shadow), var(--glass-inset), var(--accent-glow-lg)!important;border-color:#30d15866!important}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-5);border-radius:var(--radius-full);height:44px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--dur-base) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.45;pointer-events:none}.btn:after{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff26, transparent 60%);opacity:0;transition:opacity var(--dur-fast) var(--ease);position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--text-inverse);box-shadow:0 4px 20px #30d15866,0 1px 4px #0000004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #30d1588c,0 1px 4px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg-hover);box-shadow:var(--accent-glow);border-color:#30d15859}.btn-danger{color:var(--color-danger);background:#ff475726;border:1px solid #ff47574d}.btn-danger:hover{background:#ff475740;border-color:#ff47578c;box-shadow:0 0 20px #ff475740}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.input{width:100%;height:48px;padding:0 var(--sp-4);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);-webkit-appearance:none;background:#08140db3;outline:none}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #30d15826}textarea.input{height:auto;min-height:88px;padding:var(--sp-3) var(--sp-4);resize:vertical}select.input{cursor:pointer;padding-right:var(--sp-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2330d158' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-size:12px 8px!important;background-position:right var(--sp-4) center!important}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-nova{color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff1f}.badge-prijato{color:var(--color-info);background:#2ed8f71f;border:1px solid #2ed8f740}.badge-vari_se{color:var(--color-warning);background:#ffa5021f;border:1px solid #ffa50240}.badge-dovoz{color:var(--accent);background:#30d1581a;border:1px solid #30d15840}.badge-hotovo{color:var(--accent);box-shadow:var(--accent-glow);background:#30d1582e;border:1px solid #30d15866}.divider{background:linear-gradient(90deg, transparent, var(--glass-border), transparent);height:1px;margin:var(--sp-4) 0;border:none}.card{composes:glass;padding:var(--sp-5)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.field-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:2px}.tab-bar{gap:var(--sp-2);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-full);background:#060c09cc;padding:4px;display:flex}.tab-item{border-radius:var(--radius-full);height:38px;font-size:var(--text-sm);cursor:pointer;transition:all var(--dur-base) var(--ease);color:var(--text-secondary);font-weight:600;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.tab-item.active{background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:var(--text-inverse);box-shadow:0 2px 12px #30d15866}.tab-item:hover:not(.active){color:var(--text-primary)}.spinner{border:2px solid #30d15826;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.7s linear infinite spin}.empty-state{justify-content:center;align-items:center;gap:var(--sp-4);padding:var(--sp-12) var(--sp-6);text-align:center;color:var(--text-dim);flex-direction:column;display:flex}.empty-icon{opacity:.4;font-size:3rem}.badge-pending{color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff1f}.badge-accepted{color:var(--color-info);background:#2ed8f71f;border:1px solid #2ed8f740}.badge-preparing{color:var(--color-warning);background:#ffa5021f;border:1px solid #ffa50240}.badge-delivery{color:var(--accent);background:#30d1581a;border:1px solid #30d15840}.badge-done{color:var(--accent);box-shadow:var(--accent-glow);background:#30d1582e;border:1px solid #30d15866}.badge-cancelled{color:var(--color-danger);background:#ff47571f;border:1px solid #ff475740}[data-theme=light] .input{color:var(--text-primary);background:#ffffffd1;border-color:#1aab3333}[data-theme=light] .input:focus{border-color:var(--accent);background:#fffffff5;box-shadow:0 0 0 3px #1aab3329}[data-theme=light] textarea.input{background:#ffffffd1}[data-theme=light] select.input{background-color:#ffffffd1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23687280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat!important;background-size:12px 8px!important;background-position:right var(--sp-4) center!important}select.input,select.input:hover,select.input:focus,select.input:focus-visible,select.input option,[data-theme=light] select.input,[data-theme=light] select.input:hover,[data-theme=light] select.input:focus,[data-theme=light] select.input:focus-visible,[data-theme=light] select.input option{-webkit-text-decoration-skip-ink:none!important;text-decoration-skip-ink:none!important;-webkit-text-decoration-skip:none!important;appearance:none!important;text-shadow:none!important;-webkit-text-decoration:none!important;text-decoration:none!important}select.input::-webkit-spelling-error{background:0 0!important;text-decoration:none!important}select.input::spelling-error{background:0 0!important;text-decoration:none!important}select.input::-webkit-grammar-error{background:0 0!important;text-decoration:none!important}select.input::grammar-error{background:0 0!important;text-decoration:none!important}select.input{color:var(--text-primary);text-shadow:none}select.input option{color:var(--text-primary);background:var(--bg-elevated,#1a1a1a)}[data-theme=light] select.input option{color:#111827;background:#fff}[data-theme=light] .checkbox-custom{background:#ffffffd1;border-color:#1aab3347}[data-theme=light] .checkbox-custom.checked{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #16c95a73}[data-theme=light] .checkbox-custom.checked:after{border-color:#fff}.input:focus-visible{outline:none}.input:invalid{border-color:var(--glass-border)}.input:user-invalid{border-color:var(--color-danger)}[data-theme=light] .modal-backdrop{background:#0f172a52!important}[data-theme=light] .modal-backdrop>.glass{background:#fffffff5;border-color:#0000000f;box-shadow:0 1px 1px #0000000a,0 8px 24px #0000001a,0 24px 64px #0000001a}[data-theme=light] .tab-bar{background:#d2f0dabf;border-color:#1aab332e}[data-theme=light] .tab-item:hover:not(.active){background:#1aab331a}[data-theme=light] .btn-ghost{color:var(--text-primary);background:#ffffffb8;border-color:#1aab3338}[data-theme=light] .btn-ghost:hover{border-color:var(--accent);background:#ffffffeb}[data-theme=light] .badge-nova,[data-theme=light] .badge-pending{color:var(--accent-dim);background:#1aab331a;border-color:#1aab3338}[data-theme=light] .glass-hover:hover{border-color:#1aab3366}[data-theme=light] .cart-bar-light{color:#f5f5f7;background:#0b2610eb}.design-toggle-track{cursor:pointer;width:52px;height:30px;transition:background .3s var(--ease), box-shadow .3s var(--ease);-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:15px;flex-shrink:0;position:relative}.design-toggle-track.off{background:#ffffff1f;border-color:#ffffff24}[data-theme=light] .design-toggle-track.off{background:#0000001a;border-color:#0000001f}.design-toggle-track.on{background:linear-gradient(135deg, var(--accent), var(--accent-dim));border-color:#0000;box-shadow:0 0 16px #30d1586b}[data-theme=light] .design-toggle-track.on{box-shadow:0 0 14px #16c95a61}.design-toggle-thumb{width:22px;height:22px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;box-shadow:0 2px 8px #00000059}.design-toggle-track.off .design-toggle-thumb{transform:translate(3px)}.design-toggle-track.on .design-toggle-thumb{transform:translate(25px)}.design-toggle-theme{width:60px}.design-toggle-theme.on .design-toggle-thumb{transform:translate(33px)}.design-toggle-icon{pointer-events:none;width:14px;height:14px;transition:opacity .25s var(--ease), color .25s var(--ease);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.design-toggle-icon-left{color:#ffffffd9;left:7px}.design-toggle-icon-right{color:#fffffff2;right:7px}.design-toggle-theme.on .design-toggle-icon-left{opacity:.45}.design-toggle-theme.off .design-toggle-icon-right{opacity:.55;color:#ffffffb3}[data-theme=light] .design-toggle-theme.off .design-toggle-icon-left{color:#000000a6}[data-theme=light] .design-toggle-theme.off .design-toggle-icon-right{color:#00000073}