.realtime-badge{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:white;padding:2px 8px;border-radius:12px;font-size:0.7em;font-weight:bold;margin-left:10px;animation:pulse 2s infinite}.live-indicator{background:#28a745;color:white;padding:2px 6px;border-radius:8px;font-size:0.7em;font-weight:bold;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}.connection-status .badge{font-size:0.8em;padding:8px 12px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.status-updated{animation:highlightUpdate 2s ease-out}.bid-updated{animation:bidFlash 1.5s ease-out;color:#007bff!important;font-weight:bold}.token-updated{animation:tokenGlow 2s ease-out}.new-bid-activity{animation:rowHighlight 3s ease-out}@keyframes highlightUpdate{0%{background-color:#fff3cd}100%{background-color:transparent}}@keyframes bidFlash{0%{background-color:#cce5ff;transform:scale(1.05)}50%{background-color:#99d6ff}100%{background-color:transparent;transform:scale(1)}}@keyframes tokenGlow{0%{box-shadow:0 0 0 4px rgba(0,123,255,0.3);transform:scale(1.02)}100%{box-shadow:none;transform:scale(1)}}@keyframes rowHighlight{0%{background-color:#e8f5e8;border-left:4px solid #28a745}100%{background-color:transparent;border-left:none}}.status-pending{border-left:3px solid #ffc107}.status-executing{border-left:3px solid #17a2b8;background-color:#f0f9ff}.status-success{border-left:3px solid #28a745}.status-failed{border-left:3px solid #dc3545}.status-expired{border-left:3px solid #6c757d;opacity:0.7}.snipe-status{padding:4px 8px;border-radius:12px;font-size:0.8em;font-weight:bold;text-transform:uppercase}.status-pending .snipe-status{background-color:#fff3cd;color:#856404}.status-executing .snipe-status{background-color:#cce5ff;color:#004085;animation:pulse 1.5s infinite}.status-success .snipe-status{background-color:#d4edda;color:#155724}.status-failed .snipe-status{background-color:#f8d7da;color:#721c24}.status-expired .snipe-status{background-color:#e2e3e5;color:#383d41}.time-critical{color:#dc3545!important;font-weight:bold;animation:urgentBlink 1s infinite}.time-urgent{color:#fd7e14!important;font-weight:bold}.time-normal{color:#28a745!important}@keyframes urgentBlink{0%,50%{opacity:1}51%,100%{opacity:0.5}}.auction-item-row:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.2s ease}.notification-badge{position:absolute;top:-5px;right:-5px;background:#dc3545;color:white;border-radius:50%;width:20px;height:20px;font-size:0.7em;display:flex;align-items:center;justify-content:center;animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@media (max-width:768px){.connection-status{top:10px;left:10px}.connection-status .badge{font-size:0.7em;padding:6px 10px}.realtime-badge{font-size:0.6em;padding:1px 6px;margin-left:5px}.live-indicator{font-size:0.6em;padding:1px 4px}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.realtime-message{position:fixed;top:100px;right:20px;padding:15px 20px;border-radius:8px;color:white;font-weight:bold;z-index:1050;max-width:300px;animation:slideInRight 0.3s ease}.realtime-message.success{background:#28a745}.realtime-message.error{background:#dc3545}.realtime-message.info{background:#17a2b8}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}