*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-card: #2a2a2a;--bg-input: #333;--text-primary: #f5f5f5;--text-secondary: #999;--text-muted: #666;--accent: #e85d2c;--accent-hover: #ff6b35;--accent-soft: rgba(232, 93, 44, .15);--green: #4caf50;--green-soft: rgba(76, 175, 80, .15);--yellow: #ffb300;--yellow-soft: rgba(255, 179, 0, .15);--red: #e53935;--border: #3a3a3a;--radius: 8px;--radius-lg: 12px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px}.login-screen h1{font-size:28px;font-weight:800;color:var(--accent);letter-spacing:-.5px}.login-screen .subtitle{color:var(--text-secondary);font-size:14px;margin-top:-16px}.login-form{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:280px}.login-form input{padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;outline:none;width:100%}.login-form input:focus{border-color:var(--accent)}.login-form button,.btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.login-form button:hover,.btn:hover{background:var(--accent-hover)}.login-error{color:var(--red);font-size:13px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.header h1{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:12px}.btn-header{padding:6px 14px;font-size:12px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-header:hover{background:var(--bg-input);color:var(--text-primary)}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.status-badge.listening{background:var(--green-soft);color:var(--green)}.status-badge.processing{background:var(--yellow-soft);color:var(--yellow)}.status-badge.speaking{background:var(--accent-soft);color:var(--accent)}.status-badge.idle{background:var(--bg-card);color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-dot.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main-layout{display:flex;flex:1;overflow:hidden}.menu-board{flex:0 0 55%;overflow-y:auto;padding:16px 24px;border-right:1px solid var(--border)}.menu-category{margin-bottom:16px}.menu-category h2{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.menu-item{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:13px}.menu-item-name{color:var(--text-primary);font-weight:500}.menu-item-desc{color:var(--text-secondary);font-size:11px;margin-left:8px}.menu-item-price{color:var(--accent);font-weight:600;white-space:nowrap;margin-left:12px}.right-panel{flex:0 0 45%;display:flex;flex-direction:column;overflow:hidden}.order-section{flex:2;overflow-y:auto;padding:16px 20px}.order-section h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.order-empty{color:var(--text-muted);font-size:14px;font-style:italic;text-align:center;padding:40px 0}.order-item{padding:10px 0;border-bottom:1px solid var(--border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.order-item-row{display:flex;justify-content:space-between;font-size:15px;font-weight:500}.order-item-details{font-size:12px;color:var(--text-secondary);margin-top:4px;padding-left:16px}.order-totals{padding:12px 20px;border-top:2px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.total-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary);padding:3px 0}.total-row.grand-total{font-size:20px;font-weight:800;color:var(--text-primary);padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.conversation-section{flex:1;min-height:100px;max-height:200px;overflow-y:auto;padding:10px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.conversation-section h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px}.msg{font-size:12px;line-height:1.4;padding:6px 10px;border-radius:var(--radius);max-width:90%}.msg.agent{background:var(--bg-card);color:var(--text-primary);align-self:flex-start}.msg.customer{background:var(--accent-soft);color:var(--accent);align-self:flex-end;text-align:right}.msg-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;color:var(--text-muted)}.voice-indicator{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:52px}.voice-error{color:var(--red);font-size:12px;text-align:center}.mic-active{display:flex;align-items:center;gap:12px;position:relative}.mic-icon{font-size:22px;z-index:1}.mic-label{font-size:13px;font-weight:500;color:var(--green)}.speaking-active .mic-label{color:var(--accent)}.processing-active .mic-label{color:var(--yellow)}.mic-rings{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:40px;height:40px}.ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--green);border-radius:50%;opacity:0;animation:ring-pulse 2s ease-out infinite}.ring-2{animation-delay:.5s}.ring-3{animation-delay:1s}@keyframes ring-pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.8);opacity:0}}.voice-indicator.recording{background:#4caf5014}.voice-indicator.speaking{background:#e85d2c14}.footer{display:flex;gap:12px;padding:8px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;justify-content:center}.btn-start{background:var(--green);padding:12px 32px;font-size:15px}.btn-start:hover{background:#43a047}.btn-complete{background:var(--green);color:#fff;padding:12px 32px;font-size:15px}.btn-complete:hover{background:#43a047}.btn-cancel{background:var(--bg-card);color:var(--text-secondary);padding:10px 20px;font-size:13px}.btn-cancel:hover{background:#3a3a3a;color:var(--text-primary)}.btn-pause{background:var(--yellow);color:#1a1a1a;padding:10px 24px}.btn-pause:hover{background:#ffc107}.btn-resume{background:var(--green);color:#fff;padding:10px 24px}.btn-resume:hover{background:#43a047}.btn-small{padding:6px 14px;font-size:12px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn-small:hover{background:var(--bg-input);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.debug-panel{position:fixed;bottom:0;left:0;right:0;background:#000000eb;border-top:1px solid #333;z-index:200;font-family:SF Mono,Fira Code,monospace;font-size:10px;line-height:1.3}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;cursor:pointer;color:#0f0;font-size:10px;font-weight:600;-webkit-user-select:none;user-select:none}.debug-header:hover{background:#ffffff0d}.debug-content{max-height:120px;overflow-y:auto;padding:0 10px 4px}.debug-line{color:#0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-line:nth-child(odd){color:#0c0}.dashboard{flex:1;overflow-y:auto;padding:24px}.dash-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.dash-loading{color:var(--text-secondary);font-size:14px}.dash-empty{color:var(--text-muted);font-size:14px;font-style:italic;padding:40px 0;text-align:center}.dash-back{display:flex;align-items:center;gap:12px;margin-bottom:16px}.session-id{font-size:13px;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace}.session-list{display:flex;flex-direction:column;gap:8px}.session-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .2s}.session-row:hover{border-color:var(--accent)}.session-info{display:flex;align-items:center;gap:12px}.session-date{font-size:13px;color:var(--text-primary)}.session-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:10px}.status-completed{background:var(--green-soft);color:var(--green)}.status-cancelled{background:var(--accent-soft);color:var(--accent)}.status-active{background:var(--yellow-soft);color:var(--yellow)}.session-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary)}.session-total{font-weight:700;color:var(--text-primary);font-size:15px}.session-detail-layout{display:flex;gap:24px}.transcript-view{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;max-width:700px}.session-order-panel{flex:0 0 260px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;align-self:flex-start;position:sticky;top:0}.session-order-panel h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.session-order-info{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.session-order-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary)}.session-order-row .session-status{font-size:10px}.session-order-total{font-weight:700;color:var(--text-primary);font-size:16px;padding-top:8px;margin-top:4px;border-top:1px solid var(--border)}.session-order-times{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border)}.session-order-items{margin-bottom:16px;padding-top:12px;border-top:1px solid var(--border)}.session-order-items-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px}.session-order-items-list{display:flex;flex-direction:column;gap:8px}.session-order-item-line{font-size:12px;line-height:1.45;color:var(--text-primary)}.session-time-row{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.transcript-msg{padding:10px 14px;border-radius:var(--radius)}.transcript-msg.agent{background:var(--bg-card);align-self:flex-start}.transcript-msg.customer{background:var(--accent-soft);align-self:flex-end}.transcript-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.transcript-time{font-weight:400;text-transform:none}.transcript-text{font-size:14px;line-height:1.5;color:var(--text-primary)}.model-select{padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;cursor:pointer;min-width:200px}.model-select:focus{border-color:var(--accent)}.model-select optgroup{color:var(--text-secondary);font-weight:700;font-size:12px}.model-select option{color:var(--text-primary);background:var(--bg-input);padding:4px 8px}.model-label{font-size:11px;font-weight:600;padding:4px 10px;border-radius:10px;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.session-model{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted);white-space:nowrap}.footer-start{display:flex;align-items:center;gap:12px}