@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f8fafc;--surface:#fff;--text-dark:#0f172a;--text-muted:#64748b;--primary:#0284c7;--primary-light:#e0f2fe;--success:#16a34a;--success-light:#ecfdf5;--warning:#ca8a04;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fef2f2;--border:#e2e8f0;--shadow-card:0 10px 25px -5px #0f172a0f, 0 4px 10px -2px #0f172a0a;--shadow-3d:0 20px 40px -10px #0284c729;--radius:22px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-dark);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}.kiosk-container{perspective:1200px;box-sizing:border-box;flex-direction:column;gap:12px;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:14px 18px 48px;display:flex;overflow:hidden}.top-ribbon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.brand-badge{color:var(--primary);letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-logo-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi-pill-group{flex-shrink:1;align-items:center;gap:12px;display:flex}.kpi-item{background:#f8fafc;border:1px solid #edf2f7;border-radius:13px;flex-shrink:0;align-items:center;gap:10px;padding:6px 13px;display:flex}.kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.kpi-num{font-size:22px;font-weight:900;line-height:1.1}.kpi-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:700}.clock-box{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.clock-time{color:var(--text-dark);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:25px;font-weight:900}.clock-date{color:var(--text-muted);text-transform:uppercase;font-size:11.5px;font-weight:700}.columns-workspace{box-sizing:border-box;flex:1;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;min-height:0;display:grid}.h-col-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);box-sizing:border-box;flex-direction:column;height:100%;min-height:0;padding:16px 18px;display:flex;overflow:hidden}.col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.col-head h2{letter-spacing:-.3px;align-items:center;gap:10px;font-size:17.5px;font-weight:800;display:flex}.col-badge{border-radius:9999px;padding:5px 13px;font-size:12px;font-weight:800}.flip-card-3d{perspective:1000px;min-height:135px;margin-bottom:12px}.flip-inner{width:100%;height:100%;min-height:135px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.175,.885,.32,1.275);position:relative}.flip-card-3d.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{backface-visibility:hidden;border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px 20px;display:flex;position:absolute;inset:0}.flip-front{background:linear-gradient(135deg,#fff,#f8fafc)}.flip-back{background:var(--primary-light);border-color:#0284c74d;transform:rotateY(180deg)}.urgency-low{border-left:5px solid var(--success)!important}.urgency-medium{border-left:5px solid var(--warning)!important}.urgency-high{animation:2.5s infinite pulseCritical;border-left:5px solid var(--danger)!important}@keyframes pulseCritical{0%,to{box-shadow:var(--shadow-card)}50%{box-shadow:0 0 15px #dc262640}}.empty-state-card{text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1.5px dashed #cbd5e1;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:36px 28px;display:flex;box-shadow:inset 0 2px 5px #0f172a05}.empty-state-icon-wrap{border-radius:22px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:4px;display:flex;box-shadow:0 8px 16px -4px #0f172a0f}.ops-ticket-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:10px;padding:16px 20px;transition:transform .4s,opacity .4s;display:flex}.ops-ticket-card.transitioning{opacity:0;transform:scale(.96)rotateX(10deg)}.member-row-card{border:1.5px solid var(--border);box-sizing:border-box;background:#fff;border-radius:18px;align-items:center;gap:16px;min-height:88px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 3px 10px -2px #0f172a0a}.member-status-working{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0f172a0a}.member-status-break{background:#fffbeb;border-color:#fde68a;animation:3s ease-in-out infinite pulseBreakBorder;box-shadow:0 4px 14px #ca8a041f}.member-status-retired{opacity:.65;background:#f8fafc;border-color:#e2e8f0}.member-status-retired .member-avatar-img,.member-status-retired .member-avatar-fallback{filter:grayscale(85%)opacity(.7)}.member-status-absent{opacity:.42;background:#f1f5f9;border-style:dashed;border-color:#cbd5e1}.member-status-absent .member-avatar-img,.member-status-absent .member-avatar-fallback{filter:grayscale()opacity(.45)}@keyframes pulseBreakBorder{0%,to{border-color:#fde68a}50%{border-color:#f59e0b;box-shadow:0 0 14px #f59e0b47}}.member-avatar-img{object-fit:cover;border:2px solid #e2e8f0;border-radius:16px;flex-shrink:0;width:58px;height:58px;box-shadow:0 2px 6px #0000000f}.member-avatar-fallback{background:var(--primary);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:800;display:flex}.loop-bar{background:var(--border);z-index:50;height:5px;position:fixed;bottom:0;left:0;right:0}.loop-fill{background:linear-gradient(90deg, var(--primary), #38bdf8);height:100%;animation:8s linear infinite loopRun}@keyframes loopRun{0%{width:0%}to{width:100%}}.kiosk-overlay-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172ab8;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.kiosk-modal-3d{border:2px solid var(--border);background:#fff;border-radius:28px;width:680px;max-width:90vw;padding:36px 44px;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn3D;transform:perspective(1000px)translateZ(50px);box-shadow:0 25px 60px -15px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn3D{0%{opacity:0;transform:perspective(1000px)translateZ(-100px)scale(.9)}to{opacity:1;transform:perspective(1000px)translateZ(0)scale(1)}}.top-status-pill{border:1px solid var(--border);color:var(--text-muted);background:#f8fafc;border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:flex}.top-status-connected{color:var(--text-dark);border-color:#22c55e59}.top-status-reconnecting{color:var(--warning);border-color:#f59e0b73}.top-status-disconnected{color:var(--danger);border-color:#ef444473}.dot-status{border-radius:50%;width:8px;height:8px}.dot-connected{background:var(--success)}.dot-reconnecting{background:var(--warning);animation:1s infinite pulseDot}.dot-disconnected{background:var(--danger)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.entity-ticker-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:40;background:#fffffff7;align-items:center;gap:14px;height:42px;padding:0 18px;display:flex;position:fixed;bottom:5px;left:0;right:0;overflow:hidden}.entity-ticker-label{color:var(--text-dark);letter-spacing:.06em;white-space:nowrap;border-right:1px solid var(--border);z-index:2;background:#fffffff7;align-items:center;gap:7px;padding-right:16px;font-size:12px;font-weight:800;display:flex}.entity-ticker-viewport{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.entity-ticker-track{align-items:center;gap:14px;width:max-content;animation:45s linear infinite marqueeScroll;display:flex}.entity-ticker-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.entity-chip{border:1px solid var(--border);white-space:nowrap;background:#f8fafc;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:4px 12px;font-size:12.5px;display:flex;box-shadow:0 1px 3px #00000008}.entity-chip-name{color:var(--text-dark);font-weight:700}.entity-chip-badge-pending{background:var(--warning-light);color:var(--warning);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.entity-chip-badge-closed{background:var(--success-light);color:var(--success);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.entity-chip-month{color:#4f46e5;background:#6366f117;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:800;display:flex}.entity-chip-mom{border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;display:flex}.mom-up{color:#d97706;background:#f59e0b1f}.mom-down{color:#059669;background:#10b9811f}.mom-neutral{color:#64748b;background:#f1f5f9}@media (width>=901px) and (width<=1280px){.top-ribbon{gap:12px;padding:10px 18px}.brand-badge{font-size:16px}.kpi-pill-group{gap:8px}.kpi-item{gap:8px;padding:4px 10px}.kpi-num{font-size:17px}.kpi-lbl{font-size:9.5px}.kpi-icon{width:30px;height:30px;font-size:14px}.clock-time{font-size:20px}.clock-date{font-size:10px}.columns-workspace{gap:12px}.h-col-card{padding:14px}.col-head h2{font-size:14px}}@media (width<=900px){body{-webkit-user-select:auto;user-select:auto;height:auto!important;overflow-y:auto!important}.kiosk-container{gap:12px;min-height:100dvh;perspective:none!important;height:auto!important;padding:10px 10px 68px!important;overflow:visible!important}.top-ribbon{grid-template-columns:1fr auto!important;grid-template-areas:"brand clock""kpis kpis"!important;gap:12px!important;padding:12px 14px!important;display:grid!important}.brand-badge{grid-area:brand;gap:8px;font-size:16px}.brand-logo-icon{width:32px;height:32px}.clock-box{grid-area:clock;align-items:flex-end}.clock-time{font-size:18px}.clock-date{font-size:9.5px}.kpi-pill-group{grid-area:kpis;width:100%;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;display:grid!important}.kpi-item{border-radius:10px;gap:8px;min-width:0;padding:5px 8px}.kpi-icon{flex-shrink:0;width:28px;height:28px;font-size:13px}.kpi-num{font-size:15px}.kpi-lbl{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.columns-workspace{flex-direction:column!important;flex:none!important;gap:16px!important;display:flex!important}.h-col-card{min-height:380px;max-height:520px;padding:16px 14px;overflow:hidden}.flip-card-3d,.flip-inner{min-height:115px}.kiosk-overlay-card{width:92vw!important;max-width:440px!important;padding:20px!important}.ticker-ribbon{height:38px}}@media (width<=480px){.kpi-pill-group{grid-template-columns:repeat(2,1fr)!important}.brand-badge span{font-size:14.5px}.top-status-pill{padding:2px 7px;font-size:10px}}@media (width>=2400px){.kiosk-container{gap:20px;padding:24px 30px 60px}.top-ribbon{padding:18px 32px}.brand-badge{font-size:26px}.kpi-num{font-size:30px}.clock-time{font-size:34px}.col-head h2{font-size:22px}.member-row-card{min-height:104px;padding:20px 24px}.member-avatar-img,.member-avatar-fallback{width:72px;height:72px;font-size:22px}}