:root{--bg-body: #f5f5f5;--bg-card: #ffffff;--primary: #2b6de6;--primary-hover: #1e5bbd;--text-main: #333333;--text-secondary: #888888;--border-color: #e0e0e0;--danger: #ff4d4f;--success: #52c41a;--warning: #faad14;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-main);background-color:var(--bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh;background-color:var(--bg-body)}#root{width:100%;max-width:600px;margin:0 auto;padding:1rem;box-sizing:border-box;min-height:100vh;display:flex;flex-direction:column}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.glass{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:.6em 1em;font-size:.95em;font-weight:500;font-family:inherit;background-color:#fff;color:var(--text-main);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn:active{background-color:#f0f0f0}.btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(100%)}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 4px #2b6de64d}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-danger{color:var(--danger);border-color:var(--border-color)}.btn-danger:hover{border-color:var(--danger);background-color:#fff1f0;color:var(--danger)}.input,.textarea,textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;color:var(--text-main);font-size:1rem;box-sizing:border-box;margin-bottom:1rem;transition:border-color .2s;font-family:inherit}.input:focus,.textarea:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #2b6de61a}.container{display:flex;flex-direction:column;gap:1rem;flex:1}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:.5rem}.header h1{font-size:1.5rem;margin:0;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:.5rem}.ticket-list{display:flex;flex-direction:column;gap:.8rem;padding-bottom:100px}.fab-container{position:fixed;bottom:2rem;right:2rem;left:auto;transform:none;z-index:100;display:flex;gap:1rem;align-items:flex-end}.fab{border-radius:50px;padding:.8rem 1.5rem;font-size:1rem;box-shadow:0 4px 12px #2b6de666}.fab-icon{width:48px;height:48px;border-radius:50%;padding:0;font-size:1.5rem;background:#fff;color:var(--primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.badge{font-size:.75rem;padding:2px 6px;border-radius:4px;background:#f0f0f0;color:var(--text-secondary);margin-left:.5rem;border:1px solid #ddd}.badge-info{color:var(--primary);background:#e6f7ff;border-color:#91caff;cursor:help}h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600}p{margin:0 0 1rem;color:var(--text-secondary)}label{display:block;margin-bottom:.4rem;color:var(--text-main);font-size:.9rem;font-weight:500}small{color:var(--text-secondary)}@keyframes pulseGreen{0%{box-shadow:0 0 #52c41a66;border-color:#52c41acc}70%{box-shadow:0 0 0 10px #52c41a00;border-color:#52c41a00}to{box-shadow:0 0 #52c41a00;border-color:var(--border-color)}}.animate-pulse-green{animation:pulseGreen 2s infinite;border-color:var(--success)!important}@keyframes pulseBlue{0%{box-shadow:0 0 #2b6de666;border-color:#2b6de6cc}70%{box-shadow:0 0 0 10px #2b6de600;border-color:#2b6de600}to{box-shadow:0 0 #2b6de600;border-color:var(--border-color)}}.animate-pulse-blue{animation:pulseBlue 2s infinite;border-color:var(--primary)!important}@keyframes pulseRed{0%{box-shadow:0 0 #ff4d4f66;border-color:#ff4d4fcc}70%{box-shadow:0 0 0 10px #ff4d4f00;border-color:#ff4d4f00}to{box-shadow:0 0 #ff4d4f00;border-color:var(--border-color)}}.animate-pulse-red{animation:pulseRed 2s infinite;border-color:var(--danger)!important}