@keyframes pulse{0%,100%{transform:scale(1);opacity:.1;opacity:1}50%{transform:scale(1.2);opacity:.2;opacity:.8}}@keyframes colorShift{0%,100%{background-color:#09c}50%{background-color:#00b3cc}}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.dot{position:absolute;width:12px;height:12px;border-radius:50%;background-color:#f39;opacity:.1}.icon-pulse{animation:2s ease-in-out infinite iconPulse}.badge-color-shift{animation:3s ease-in-out infinite colorShift}.number-container{position:relative;height:2rem;width:2.5rem;overflow:hidden}.number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;font-family:monospace;color:#1f2937;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),opacity .3s}.banner-container{transition:opacity .5s,transform .5s}.banner{transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s}.banner:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-box:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,153,204,.15);border-color:rgba(0,153,204,.4)!important}.timer-box:last-child:hover{border-color:rgba(255,51,153,.4)!important;box-shadow:0 4px 12px rgba(255,51,153,.15)}.urgency-warning{background-color:rgba(255,51,153,.05)!important}.urgency-critical{animation:1s ease-in-out infinite pulse;background-color:rgba(255,51,153,.1)!important}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}