@import "https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-deep:#f1f5f9;--bg-surface:#fff;--bg-surface-elevated:#f8fafc;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-glow:#05966940;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-emerald:#059669;--accent-emerald-neon:#10b981;--accent-cyan:#0284c7;--accent-cyan-neon:#0ea5e9;--accent-rose:#e11d48;--accent-rose-neon:#f43f5e;--accent-amber:#d97706;--accent-amber-neon:#f59e0b;--accent-purple:#7c3aed;--accent-purple-neon:#9333ea;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 4px 16px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a, 0 0 0 1px #e2e8f0;--shadow-card-elevated:0 10px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a0a, 0 0 0 1px #cbd5e1;--shadow-glow-emerald:0 0 20px #05966933;--shadow-glow-rose:0 0 20px #e11d4833;--shadow-glow-cyan:0 0 20px #0284c733}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100vw;height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;position:relative;overflow:hidden}.kiosk-background{pointer-events:none;z-index:0;background-color:var(--bg-deep);background-image:radial-gradient(circle at 10% 15%,#0ea5e914 0%,#0000 45%),radial-gradient(circle at 90% 85%,#10b98114 0%,#0000 45%),radial-gradient(circle,#ffffffb3 0%,#0000 70%);position:fixed;inset:0}.kiosk-background:after{content:"";opacity:.7;background-image:radial-gradient(#64748b24 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.kiosk-container{z-index:1;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.kiosk-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);background:#fffffff2;flex-shrink:0;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.kiosk-progress-bar-container{background:#e2e8f0;width:100%;height:4px;position:absolute;top:0;left:0;overflow:hidden}.kiosk-progress-bar{background:linear-gradient(90deg,#059669,#10b981,#0284c7);height:100%;transition:width .1s linear;box-shadow:0 0 10px #10b98166}.kiosk-brand{align-items:center;gap:16px;display:flex}.kiosk-logo-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg,#0596691a,#0284c71a);border:1px solid #05966940;align-items:center;gap:8px;padding:6px 14px;display:flex}.kiosk-logo-text{letter-spacing:.5px;color:#0f172a;font-size:20px;font-weight:700}.kiosk-live-badge{color:var(--accent-rose);border-radius:var(--radius-full);letter-spacing:.3px;background:#e11d4814;border:1px solid #e11d4840;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:flex}.live-dot{background-color:var(--accent-rose);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-live;box-shadow:0 0 8px #e11d4880}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.kiosk-slide-nav{align-items:center;gap:12px;display:flex}.kiosk-slide-indicator{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#f8fafc;align-items:center;gap:10px;padding:6px 16px;transition:all .3s;display:flex}.kiosk-slide-indicator.active{background:#0596691a;border-color:#059669;box-shadow:0 2px 6px #0596691f}.slide-pill-num{color:var(--text-muted);font-size:11px;font-weight:700}.kiosk-slide-indicator.active .slide-pill-num{color:#059669}.slide-pill-title{color:var(--text-secondary);font-size:13px;font-weight:600}.kiosk-slide-indicator.active .slide-pill-title{color:#0f172a;font-weight:700}.kiosk-clock-section{align-items:center;gap:16px;display:flex}.kiosk-clock-time{color:#0f172a;letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kiosk-clock-date{color:var(--text-muted);text-transform:capitalize;font-size:13px}.kiosk-main-content{flex:1;padding:28px 40px 32px;position:relative;overflow:hidden}.kiosk-slide-wrapper{flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInSlide;display:flex;position:absolute;inset:28px 40px 32px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.kiosk-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:all .3s}.kiosk-card:hover{border-color:var(--border-medium)}.badge-product{border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-sta{color:#059669;background:#0596691a;border:1px solid #05966940}.badge-hun{color:#0284c7;background:#0284c71a;border:1px solid #0284c740}.badge-pro{color:#7c3aed;background:#7c3aed14;border:1px dashed #7c3aed66}.badge-gar{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb40}.badge-tra{color:#4f46e5;background:#4f46e51a;border:1px solid #4f46e540}.badge-urgent{color:#e11d48;background:#e11d481a;border:1px solid #e11d484d;animation:2s infinite pulse-border-rose}.badge-warning{color:#d97706;background:#d977061a;border:1px solid #d977064d}@keyframes pulse-border-rose{0%,to{border-color:#e11d484d;box-shadow:0 0 8px #e11d4826}50%{border-color:#e11d4899;box-shadow:0 0 16px #e11d4840}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}