:root{--color-primary:#111827;--color-secondary:#1f2937;--color-success:#22c55e;--color-accent:#3b82f6;--color-bg:#0f172a;--color-text:#ffffff;--color-gray:#cbd5e1;--color-bg-elevated:#151f34;--color-bg-card:#1a2540;--color-border:rgba(203, 213, 225, 0.12);--color-border-strong:rgba(203, 213, 225, 0.22);--color-text-muted:rgba(203, 213, 225, 0.72);--color-accent-hover:#5b9bf7;--color-btn-primary-bg:#2563eb;--color-btn-primary-bg-hover:#1d4ed8;--color-success-bg:rgba(34, 197, 94, 0.12);--color-accent-bg:rgba(59, 130, 246, 0.12);--color-error:#f87171;--color-error-bg:rgba(248, 113, 113, 0.12);--gradient-accent:linear-gradient(135deg, #3b82f6 0%, #22c55e 100%);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.24);--shadow-md:0 8px 24px rgba(0, 0, 0, 0.28);--shadow-lg:0 24px 64px rgba(0, 0, 0, 0.36);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--transition-fast:160ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:260ms cubic-bezier(0.4, 0, 0.2, 1);color-scheme:dark}*,::after,::before{box-sizing:border-box}body,html{height:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:Inter,Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.15;letter-spacing:-.02em}p{margin:0;color:var(--color-gray);line-height:1.6}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}button{font-family:inherit}::-moz-selection{background:var(--color-accent);color:var(--color-text)}::selection{background:var(--color-accent);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:960px;margin-inline:auto;padding-inline:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--radius-full);font-weight:600;font-size:.9375rem;border:1px solid transparent;cursor:pointer;transition:box-shadow var(--transition-fast),background var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),-webkit-transform var(--transition-fast);white-space:nowrap}.btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.btn--primary{background:var(--color-btn-primary-bg);color:#fff}.btn--primary:hover{background:var(--color-btn-primary-bg-hover)}.btn--ghost{background:0 0;color:var(--color-text);border-color:var(--color-border-strong)}.btn--ghost:hover{background:rgba(255,255,255,.06);border-color:var(--color-accent)}.comanda-payment-field{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:.8125rem;font-weight:600;color:var(--color-text);text-align:left}.comanda-confirm__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.comanda-confirm__actions .btn{flex:1 1 130px;min-width:0;white-space:normal;text-align:center}.comanda-confirm__error{display:flex;gap:10px;margin-top:16px;padding:12px;border-radius:var(--radius-sm);background:var(--color-error-bg);color:var(--color-error);font-size:.8125rem;text-align:left}.comanda-confirm__error .material-icons{font-size:20px;flex-shrink:0}.comanda-confirm__error p{margin-top:2px;color:var(--color-error)}.comanda-confirm__spinner{width:18px;height:18px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;-webkit-animation:.7s linear infinite comanda-spin;animation:.7s linear infinite comanda-spin}@-webkit-keyframes comanda-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes comanda-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.skeleton{position:relative;overflow:hidden;background:var(--color-bg-elevated)}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);-webkit-animation:1.6s infinite skeleton-shimmer;animation:1.6s infinite skeleton-shimmer}@-webkit-keyframes skeleton-shimmer{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes skeleton-shimmer{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:0s!important;animation-duration:0s!important;transition-duration:0s!important}}