*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #1e293b;margin-bottom:24px}header h1{font-size:1.5rem;color:#f8fafc}.status{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status.connected{background:#065f46;color:#6ee7b7}.status.disconnected{background:#7f1d1d;color:#fca5a5}main{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}section{background:#1e293b;border-radius:12px;padding:20px}h2{font-size:1.1rem;color:#94a3b8;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}#transcription-log{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.transcript-entry{padding:10px 14px;border-radius:8px;font-size:.9rem;line-height:1.5;animation:fadeIn .3s ease}.transcript-entry.agent{background:#1e3a5f;border-left:3px solid #3b82f6;margin-right:40px}.transcript-entry.user{background:#1a3329;border-left:3px solid #22c55e;margin-right:40px}.transcript-entry .speaker{font-weight:600;font-size:.75rem;text-transform:uppercase;margin-bottom:4px;color:#94a3b8}.transcript-entry.agent .speaker{color:#60a5fa}.transcript-entry.user .speaker{color:#4ade80}.transcript-entry.streaming .text:after{content:"▮";animation:blink .6s step-end infinite;color:#60a5fa;margin-left:2px}@keyframes blink{50%{opacity:0}}.tool-notification{padding:8px 14px;border-radius:8px;font-size:.8rem;background:#2d1b4e;border-left:3px solid #a855f7;color:#c4b5fd;animation:fadeIn .3s ease}#orders-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.empty-state{color:#64748b;font-style:italic;text-align:center;padding:40px 20px}.order-card{background:#0f172a;border-radius:8px;padding:16px;border:1px solid #334155;animation:slideIn .3s ease}.order-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-card .order-id{font-weight:700;color:#f8fafc;font-size:.95rem}.order-card .order-table{font-size:.8rem;color:#94a3b8}.order-card .order-status{padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.order-status.pending{background:#78350f;color:#fbbf24}.order-status.confirmed{background:#065f46;color:#6ee7b7}.order-status.preparing{background:#1e3a5f;color:#60a5fa}.order-card .order-items{list-style:none;margin-bottom:12px}.order-card .order-items li{padding:4px 0;font-size:.85rem;color:#cbd5e1;display:flex;justify-content:space-between}.order-card .order-total{text-align:right;font-weight:700;color:#f8fafc;border-top:1px solid #334155;padding-top:8px}#menu-panel{background:#1e293b;border-radius:12px;padding:20px}#menu-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.menu-item{background:#0f172a;border-radius:8px;padding:12px;border:1px solid #334155}.menu-item .name{font-weight:600;color:#f8fafc;font-size:.9rem}.menu-item .desc{font-size:.8rem;color:#64748b;margin:4px 0}.menu-item .price{font-weight:700;color:#fbbf24;font-size:.95rem}.menu-item .category{font-size:.7rem;color:#94a3b8;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}@media(max-width:768px){main{grid-template-columns:1fr}#menu-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}