.current-queue[data-v-3b43e65f]{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;padding:20px;margin-bottom:10px;text-align:center;box-shadow:0 10px 30px #48bb7866;animation:pulse-3b43e65f 2s ease-in-out infinite}@keyframes pulse-3b43e65f{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.current-label[data-v-3b43e65f]{font-size:1rem;font-weight:700;color:#ffffffe6;margin-bottom:10px;letter-spacing:2px}.current-number[data-v-3b43e65f]{font-size:3rem;font-weight:900;color:#fff;line-height:1;margin-bottom:15px;text-shadow:0 4px 20px rgba(0,0,0,.2)}.current-info[data-v-3b43e65f]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.info-item[data-v-3b43e65f]{display:flex;flex-direction:column;gap:5px}.info-label[data-v-3b43e65f]{font-size:.7rem;color:#fffc;font-weight:600}.info-value[data-v-3b43e65f]{font-size:1rem;color:#fff;font-weight:700}@media(max-width:768px){.current-queue[data-v-3b43e65f]{padding:30px 20px}.current-number[data-v-3b43e65f]{font-size:5rem}.current-info[data-v-3b43e65f]{gap:30px}}@media(max-width:480px){.current-number[data-v-3b43e65f]{font-size:4rem}.info-value[data-v-3b43e65f]{font-size:1.2rem}}.next-queues[data-v-b51e837a]{margin-bottom:10px;flex:1;overflow-y:auto}.section-title[data-v-b51e837a]{font-size:1rem;font-weight:700;color:#fff;margin-bottom:10px;padding-left:5px}.queue-grid[data-v-b51e837a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.queue-card[data-v-b51e837a]{background:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 15px #0003;transition:transform .2s ease}.queue-card[data-v-b51e837a]:hover{transform:translateY(-2px)}.queue-number[data-v-b51e837a]{font-size:1.8rem;font-weight:800;color:#667eea;min-width:50px;text-align:center}.queue-details[data-v-b51e837a]{flex:1}.queue-patient[data-v-b51e837a]{font-size:.9rem;font-weight:800;color:#1a202c;margin-bottom:3px;text-transform:uppercase}.queue-room[data-v-b51e837a]{font-size:.75rem;font-weight:600;color:#2d3748;margin-bottom:2px}.queue-type[data-v-b51e837a]{font-size:.7rem;color:#718096;margin-bottom:3px}.queue-date[data-v-b51e837a]{font-size:.7rem;color:#4a5568;font-weight:600;margin-bottom:5px}.queue-status[data-v-b51e837a]{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase}.status-menunggu[data-v-b51e837a]{background:#fef3c7;color:#92400e}.status-persiapan[data-v-b51e837a]{background:#dbeafe;color:#1e40af}.status-sedang-operasi[data-v-b51e837a]{background:#d1fae5;color:#065f46}@media(max-width:768px){.queue-grid[data-v-b51e837a]{grid-template-columns:1fr}}.statistics[data-v-a935e31e]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;flex-shrink:0}.stat-card[data-v-a935e31e]{background:#fff;border-radius:10px;padding:15px;text-align:center;box-shadow:0 5px 15px #0003;transition:transform .2s ease}.stat-card[data-v-a935e31e]:hover{transform:translateY(-2px)}.stat-number[data-v-a935e31e]{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label[data-v-a935e31e]{font-size:.7rem;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.statistics[data-v-a935e31e]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stat-number[data-v-a935e31e]{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;height:100vh;padding:10px;color:#1a202c;overflow:hidden}.container{max-width:100%;height:100%;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:12px;padding:15px 25px;margin-bottom:10px;box-shadow:0 10px 30px #0000004d;flex-shrink:0}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.logo-section{display:flex;align-items:center;gap:20px}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:32px;height:32px}.title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:2px}.subtitle{font-size:.85rem;color:#a0aec0;font-weight:500}.datetime{text-align:right}.time{font-size:1.8rem;font-weight:700;color:#fff;line-height:1;margin-bottom:3px}.date{font-size:.8rem;color:#a0aec0;font-weight:500}.loading{background:#fff;border-radius:15px;padding:60px;text-align:center;box-shadow:0 10px 30px #0003;margin-bottom:30px}.spinner{border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#fee;border:2px solid #fc8181;border-radius:15px;padding:40px;text-align:center;color:#c53030;margin-bottom:30px}.error-icon{font-size:3rem;margin-bottom:15px}.retry-button{margin-top:20px;padding:12px 30px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.retry-button:hover{background:#5568d3}.footer{background:#ffffff1a;border-radius:10px;padding:10px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;flex-shrink:0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#fff;font-size:.75rem}.status-indicator{display:flex;align-items:center;gap:8px;font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%;background:#fc8181;animation:blink 2s ease-in-out infinite}.status-indicator.connected .status-dot{background:#48bb78;animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:768px){body{padding:10px}.header{padding:20px}.title{font-size:1.5rem}.time{font-size:2rem}}