:root{--kds-bg: #0f172a;--kds-surface: #1e293b;--kds-border: #334155;--kds-text: #f8fafc;--kds-text-muted: #94a3b8;--kds-primary: #14b8a6;--kds-primary-dark: #0d9488;--kds-success: #22c55e;--kds-warning: #f59e0b;--kds-error: #ef4444;--kds-severe: #dc2626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--kds-bg);color:var(--kds-text);line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--kds-surface)}::-webkit-scrollbar-thumb{background:var(--kds-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--kds-text-muted)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-slideIn{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-flash{animation:flash 1s infinite}.animate-spin{animation:spin 1s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:700;font-size:16px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--kds-primary);color:#fff;border-color:var(--kds-primary-dark)}.btn-primary:hover{background:var(--kds-primary-dark)}.btn-secondary{background:var(--kds-surface);color:var(--kds-text);border-color:var(--kds-border)}.btn-secondary:hover{background:var(--kds-border)}input{width:100%;padding:16px 20px;font-size:24px;font-weight:700;text-align:center;letter-spacing:8px;background:var(--kds-surface);border:3px solid var(--kds-border);border-radius:16px;color:var(--kds-text);outline:none;transition:border-color .15s ease}input:focus{border-color:var(--kds-primary)}input::placeholder{letter-spacing:normal;color:var(--kds-text-muted)}.order-card{background:var(--kds-surface);border:2px solid var(--kds-border);border-radius:16px;overflow:hidden;transition:all .2s ease}.order-card:hover{border-color:var(--kds-primary)}.order-card.has-warning{border-color:var(--kds-warning)}.order-card.has-severe{border-color:var(--kds-severe);animation:flash 2s infinite}.allergen-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ef444433;border:1px solid var(--kds-error);border-radius:20px;font-size:12px;font-weight:700;color:#fca5a5}.allergen-badge.severe{background:#dc26264d;border-color:var(--kds-severe);color:#fecaca}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#f59e0b33;color:#fcd34d}.status-badge.confirmed{background:#22c55e33;color:#86efac}.status-badge.preparing{background:#14b8a633;color:#5eead4}.status-badge.ready{background:#a855f733;color:#d8b4fe}