*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a1a;--bg-secondary:#121230;--bg-card:#1a1a3e;--bg-input:#0d0d25;--text-primary:#e8e8f0;--text-secondary:#88a;--text-muted:#555570;--accent:#0f3460;--accent-light:#1a5ab8;--accent-glow:#2a7aff;--success:#00c48c;--success-glow:#00e6a0;--warning:#ff9f43;--danger:#ff4757;--danger-glow:#ff6b7a;--star-color:#ffc107;--border:#2a2a50;--shadow:#0006;--radius:16px;--radius-sm:10px;--radius-xs:6px;color:var(--text-primary);background-color:var(--bg-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button{cursor:pointer;-webkit-appearance:none;border:none;outline:none;font-family:inherit}input{-webkit-appearance:none;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.app{min-height:100%;padding:24px 16px;padding-bottom:env(safe-area-inset-bottom,24px);flex-direction:column;align-items:center;display:flex}.app-header{text-align:center;margin-bottom:32px}.app-header h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent-glow), var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.app-header p{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.screen{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);width:100%;padding:24px}.code-input-group{gap:10px;width:100%;display:flex}.code-input{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);text-align:center;flex:1;padding:16px;font-size:1.2rem;font-weight:600;transition:border-color .2s}.code-input::placeholder{color:var(--text-muted);letter-spacing:.05em;text-transform:none;font-weight:400}.code-input:focus{border-color:var(--accent-glow)}.divider{width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;box-shadow:0 4px 20px #0f346066}.btn-primary:hover{box-shadow:0 4px 24px #2a7aff80}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-success{background:linear-gradient(135deg, var(--success), #00a87a);color:#fff;box-shadow:0 4px 20px #00c48c4d}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:#ff47571a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{min-height:42px;padding:10px 18px;font-size:.9rem}.ticket-display{text-align:center;padding:8px 0}.ticket-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.8rem}.ticket-number{letter-spacing:.05em;background:linear-gradient(135deg, var(--accent-glow), var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1}.progress-container{flex-direction:column;gap:12px;width:100%;display:flex}.progress-info{justify-content:space-between;align-items:baseline;display:flex}.progress-position{color:var(--accent-glow);font-size:1.8rem;font-weight:700}.progress-position span{color:var(--text-secondary);font-size:.9rem;font-weight:400}.progress-total{color:var(--text-secondary);font-size:.85rem}.progress-bar-track{background:var(--bg-input);border-radius:5px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-glow), var(--success));border-radius:5px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.estimate-card{background:var(--bg-secondary);border-radius:var(--radius-sm);align-items:center;gap:12px;width:100%;padding:16px;display:flex}.estimate-icon{background:var(--bg-card);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.estimate-text{flex-direction:column;display:flex}.estimate-text .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.estimate-text .value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.action-buttons{gap:10px;width:100%;display:flex}.action-buttons .btn{flex:1}.notification-banner{border-radius:var(--radius-sm);cursor:pointer;background:#2a7aff1a;border:1px solid #2a7aff33;align-items:center;gap:10px;width:100%;padding:14px 16px;transition:background .2s;display:flex}.notification-banner:hover{background:#2a7aff26}.notification-banner .icon{font-size:1.2rem}.notification-banner .text{color:var(--text-secondary);font-size:.85rem}.notification-banner .text strong{color:var(--accent-glow)}.called-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:70vh;display:flex}.called-pulse{background:linear-gradient(135deg, var(--success), var(--success-glow));border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:3rem;animation:1.5s infinite pulse;display:flex;box-shadow:0 0 60px #00c48c66}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 60px #00c48c66}50%{transform:scale(1.08);box-shadow:0 0 80px #00c48c99}}.called-title{color:var(--success);font-size:1.5rem;font-weight:700}.called-ticket{letter-spacing:.05em;color:#fff;font-size:4rem;font-weight:800;line-height:1}.called-window{color:var(--text-secondary);font-size:1.2rem}.called-window strong{color:var(--accent-glow);font-size:1.5rem}.rating-screen{text-align:center}.rating-title{margin-bottom:4px;font-size:1.2rem;font-weight:600}.rating-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.85rem}.stars{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.star{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:52px;height:52px;color:var(--text-muted);justify-content:center;align-items:center;font-size:2rem;transition:all .2s;display:flex}.star.active{border-color:var(--star-color);color:var(--star-color);background:#ffc10726;transform:scale(1.1)}.star:active{transform:scale(.95)}.comment-input{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:none;min-height:80px;margin-bottom:16px;padding:14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.comment-input::placeholder{color:var(--text-muted)}.comment-input:focus{border-color:var(--accent-glow);outline:none}.confirm-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px solid var(--border);width:100%;max-width:340px;padding:28px 24px}.confirm-dialog h3{margin-bottom:8px;font-size:1.1rem}.confirm-dialog p{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.confirm-actions{gap:10px;display:flex}.confirm-actions .btn{flex:1}.error-message{border-radius:var(--radius-sm);width:100%;color:var(--danger);text-align:center;background:#ff47571a;border:1px solid #ff475733;padding:12px 16px;font-size:.85rem}.loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.sse-status{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.sse-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.sse-dot.connected{background:var(--success);box-shadow:0 0 6px var(--success)}.sse-dot.connecting{background:var(--warning);animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}