.problem-visual{width:100%;height:100px;border-radius:10px;background:#1a1f0e;overflow:hidden;position:relative;font-family:Bai Jamjuree,sans-serif}.pnl-late-visual{display:flex;align-items:center;justify-content:center;gap:6px;padding:.5rem;height:100%}.pnl-day{width:32px;height:42px;border-radius:5px;background:#232917;border:1px solid rgba(245,242,232,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.55rem;color:#8a8678;opacity:0;animation:dayAppear 4s infinite}.pnl-day span{font-size:.8rem;font-weight:600;color:#c8c3b4}@keyframes dayAppear{0%,10%{opacity:0;transform:translateY(6px)}20%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-6px)}}.pnl-late-dollar{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:700;color:#e88b8b;animation:dollarFade 4s infinite}@keyframes dollarFade{0%,40%{opacity:0}60%{opacity:1}80%{opacity:1;filter:none}95%,to{opacity:.3;filter:blur(2px)}}.overtime-visual{display:flex;flex-direction:column;justify-content:center;padding:.75rem 1rem;gap:6px;height:100%}.overtime-row{display:flex;align-items:center;gap:8px}.overtime-name{font-size:.6rem;color:#8a8678;width:48px;flex-shrink:0}.overtime-bar-track{flex:1;height:16px;background:#232917;border-radius:4px;overflow:hidden;position:relative}.overtime-bar-track:after{content:"";position:absolute;left:75%;top:0;width:1.5px;height:100%;background:#e88b8b;opacity:.5}.overtime-bar-fill{height:100%;border-radius:4px;background:#d4e157}.overtime-row.row-1 .overtime-bar-fill{animation:overtimeCreep1 5s ease-in-out infinite}.overtime-row.row-2 .overtime-bar-fill{animation:overtimeCreep2 5s ease-in-out infinite .5s}.overtime-row.row-3 .overtime-bar-fill{animation:overtimeCreep3 5s ease-in-out infinite 1s}.overtime-hrs{font-size:.6rem;font-weight:600;width:28px;text-align:right;flex-shrink:0}.overtime-row.row-1 .overtime-hrs{animation:hrsColor 5s ease-in-out infinite}.overtime-row.row-2 .overtime-hrs{animation:hrsColor 5s ease-in-out infinite .5s}.overtime-row.row-3 .overtime-hrs{animation:hrsColor 5s ease-in-out infinite 1s}@keyframes overtimeCreep1{0%,10%{width:60%;background:#d4e157}70%,80%{width:95%;background:#e88b8b}95%,to{width:60%;background:#d4e157}}@keyframes overtimeCreep2{0%,10%{width:50%;background:#d4e157}70%,80%{width:85%;background:#e88b8b}95%,to{width:50%;background:#d4e157}}@keyframes overtimeCreep3{0%,10%{width:70%;background:#d4e157}70%,80%{width:100%;background:#e88b8b}95%,to{width:70%;background:#d4e157}}@keyframes hrsColor{0%,10%{color:#d4e157}70%,80%{color:#e88b8b}95%,to{color:#d4e157}}.spreadsheet-visual{display:flex;flex-direction:column;gap:0;padding:0;position:relative;height:100%}.spreadsheet-visual:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#1a1f0e);z-index:2;pointer-events:none}.spreadsheet-scroll{animation:scrollSheet 8s linear infinite}.sheet-row{display:flex;align-items:center;padding:3px 10px;border-bottom:1px solid rgba(245,242,232,.04);gap:6px}.sheet-row.header{background:#232917;font-weight:600;font-size:.5rem;color:#8a8678;position:sticky;top:0;z-index:1;padding:4px 10px}.sheet-cell{font-size:.5rem;color:#c8c3b4;flex:1}.sheet-cell:first-child{flex:1.2}.sheet-cell.num{text-align:right;font-variant-numeric:tabular-nums}@keyframes scrollSheet{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.staffing-visual{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.5rem 1rem;height:100%}.staffing-scenario{display:flex;flex-direction:column;align-items:center;gap:6px}.staffing-label{font-size:.55rem;color:#8a8678;text-transform:uppercase;letter-spacing:.5px}.staffing-people{display:flex;gap:3px;align-items:flex-end;height:36px}.staffing-person{width:10px;height:28px;border-radius:3px 3px 1px 1px;background:#d4e157;opacity:.25}.staffing-person.active{opacity:1}.staffing-scenario.over .staffing-person.excess{animation:personBlink 2s ease-in-out infinite;background:#e88b8b}.staffing-scenario.under .staffing-person.missing{animation:personBlink 2s ease-in-out infinite alternate;opacity:.15;border:1px dashed #e88b8b;background:transparent}.staffing-vs{font-size:.65rem;color:#8a8678;font-weight:600}@keyframes personBlink{0%,to{opacity:1}50%{opacity:.3}}.hero-notif-visual{width:100%;height:56px;border-radius:8px;background:#1a1f0e0f;overflow:hidden;position:relative;font-family:Bai Jamjuree,sans-serif;margin-top:6px}.hero-revenue-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:8px 12px;height:100%}.hero-revenue-bar{width:14px;border-radius:3px 3px 0 0;animation:heroBarGrow 3s ease-in-out infinite}.hero-revenue-bar:nth-child(1){height:40%;background:#c8c3b4;animation-delay:0s}.hero-revenue-bar:nth-child(2){height:55%;background:#c8c3b4;animation-delay:.15s}.hero-revenue-bar:nth-child(3){height:35%;background:#c8c3b4;animation-delay:.3s}.hero-revenue-bar:nth-child(4){height:65%;background:#c8c3b4;animation-delay:.45s}.hero-revenue-bar:nth-child(5){height:50%;background:#c8c3b4;animation-delay:.6s}.hero-revenue-bar:nth-child(6){height:75%;background:#a8b340;animation-delay:.75s}.hero-revenue-bar:nth-child(7){height:85%;background:#a8b340;animation-delay:.9s}@keyframes heroBarGrow{0%,15%{transform:scaleY(.3);opacity:.4}35%,65%{transform:scaleY(1);opacity:1}85%,to{transform:scaleY(.3);opacity:.4}}.hero-cogs-rows{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 12px;height:100%}.hero-cogs-row{display:flex;align-items:center;gap:6px}.hero-cogs-label{font-size:.5rem;color:#8a8678;width:32px;flex-shrink:0}.hero-cogs-bar-track{flex:1;height:10px;background:#1a1f0e0f;border-radius:3px;overflow:hidden;position:relative}.hero-cogs-bar-old{position:absolute;top:0;left:0;height:100%;border-radius:3px;background:#e88b8b;opacity:.4}.hero-cogs-bar-new{position:absolute;top:0;left:0;height:100%;border-radius:3px;animation:cogsSlide 4s ease-in-out infinite}.hero-cogs-row:nth-child(1) .hero-cogs-bar-old{width:80%}.hero-cogs-row:nth-child(1) .hero-cogs-bar-new{background:#a8b340}.hero-cogs-row:nth-child(2) .hero-cogs-bar-old{width:65%}.hero-cogs-row:nth-child(2) .hero-cogs-bar-new{background:#a8b340}@keyframes cogsSlide{0%,15%{width:0%;opacity:0}40%,60%{width:55%;opacity:1}80%,to{width:55%;opacity:1}}.hero-labor-bars{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px 12px;height:100%}.hero-labor-row{display:flex;align-items:center;gap:6px}.hero-labor-name{font-size:.5rem;color:#8a8678;width:28px;flex-shrink:0}.hero-labor-track{flex:1;height:8px;background:#1a1f0e0f;border-radius:3px;overflow:hidden;position:relative}.hero-labor-track:after{content:"";position:absolute;left:75%;top:0;width:1px;height:100%;background:#e88b8b;opacity:.5}.hero-labor-fill{height:100%;border-radius:3px}.hero-labor-row:nth-child(1) .hero-labor-fill{animation:heroLabor1 4s ease-in-out infinite}.hero-labor-row:nth-child(2) .hero-labor-fill{animation:heroLabor2 4s ease-in-out infinite .3s}.hero-labor-row:nth-child(3) .hero-labor-fill{animation:heroLabor3 4s ease-in-out infinite .6s}@keyframes heroLabor1{0%,10%{width:90%;background:#e88b8b}50%,70%{width:65%;background:#a8b340}90%,to{width:90%;background:#e88b8b}}@keyframes heroLabor2{0%,10%{width:82%;background:#e88b8b}50%,70%{width:60%;background:#a8b340}90%,to{width:82%;background:#e88b8b}}@keyframes heroLabor3{0%,10%{width:70%;background:#c8c3b4}50%,70%{width:55%;background:#a8b340}90%,to{width:70%;background:#c8c3b4}}.hero-labor-badge{font-size:.45rem;font-weight:600;width:22px;text-align:right;flex-shrink:0;animation:heroLaborBadge 4s ease-in-out infinite}.hero-labor-row:nth-child(2) .hero-labor-badge{animation-delay:.3s}.hero-labor-row:nth-child(3) .hero-labor-badge{animation-delay:.6s}@keyframes heroLaborBadge{0%,10%{color:#e88b8b}50%,70%{color:#a8b340}90%,to{color:#e88b8b}}.hero-ops-list{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 12px;height:100%}.hero-ops-item{display:flex;align-items:center;gap:6px;opacity:0;animation:heroOpsAppear 4s ease-in-out infinite}.hero-ops-item:nth-child(1){animation-delay:0s}.hero-ops-item:nth-child(2){animation-delay:.4s}.hero-ops-item:nth-child(3){animation-delay:.8s}.hero-ops-check{width:12px;height:12px;border-radius:3px;border:1.5px solid #a8b340;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-ops-check:after{content:"";width:6px;height:6px;border-radius:1px;background:#a8b340;opacity:0;animation:heroOpsCheck 4s ease-in-out infinite}.hero-ops-item:nth-child(1) .hero-ops-check:after{animation-delay:.6s}.hero-ops-item:nth-child(2) .hero-ops-check:after{animation-delay:1s}.hero-ops-item:nth-child(3) .hero-ops-check:after{animation-delay:1.4s}.hero-ops-text{font-size:.5rem;color:#8a8678}@keyframes heroOpsAppear{0%,5%{opacity:0;transform:translate(-4px)}15%,75%{opacity:1;transform:translate(0)}90%,to{opacity:0;transform:translate(-4px)}}@keyframes heroOpsCheck{0%,30%{opacity:0;transform:scale(0)}45%,75%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(0)}}.dashboard-stack-visual{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dashboard-screen{position:absolute;width:80%;border-radius:6px;overflow:hidden;border:1.5px solid rgba(212,225,87,.2);background:#1a1f0eb3;animation:dashboardStack 4s ease-in-out infinite}.dashboard-screen.screen-1{animation-delay:0s;z-index:3}.dashboard-screen.screen-2{animation-delay:.3s;z-index:2;transform:translate(6px,6px)}.dashboard-screen.screen-3{animation-delay:.6s;z-index:1;transform:translate(12px,12px)}.dashboard-titlebar{display:flex;gap:4px;padding:5px 8px;background:#d4e1570f;border-bottom:1px solid rgba(212,225,87,.1)}.dashboard-dot{width:5px;height:5px;border-radius:50%;background:#d4e15740}.dashboard-body{padding:8px;min-height:48px;display:flex;align-items:center;justify-content:center}.dashboard-bar-row{display:flex;gap:4px;align-items:flex-end;height:32px}.dashboard-bar{width:14px;border-radius:2px;background:#d4e15726}.dashboard-bar:nth-child(1){height:60%}.dashboard-bar:nth-child(2){height:100%}.dashboard-bar:nth-child(3){height:40%}.dashboard-line{height:3px;width:70%;border-radius:2px;background:#d4e15726;margin:3px auto}.dashboard-line.short{width:45%}.dashboard-pie{width:28px;height:28px;border-radius:50%;border:3px solid rgba(212,225,87,.15);border-top-color:#d4e15759}.dashboard-x-mark{position:absolute;z-index:10;font-size:28px;color:#d4e157;opacity:0;animation:dashboardXAppear 4s ease-in-out infinite;text-shadow:0 0 20px rgba(212,225,87,.4)}@keyframes dashboardStack{0%,20%{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}50%,70%{opacity:.3;transform:translate(var(--tx, 0),var(--ty, 0)) scale(.92)}to{opacity:1;transform:translate(var(--tx, 0),var(--ty, 0)) scale(1)}}.dashboard-screen.screen-1{--tx: 0px;--ty: 0px}.dashboard-screen.screen-2{--tx: 6px;--ty: 6px}.dashboard-screen.screen-3{--tx: 12px;--ty: 12px}@keyframes dashboardXAppear{0%,35%{opacity:0;transform:scale(.5)}50%,65%{opacity:1;transform:scale(1)}80%,to{opacity:0;transform:scale(.5)}}
