html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b1120}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b1a}}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef44441a}}.pulse-connected{animation:pulse-green 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-slow{animation:pulse-yellow 2s cubic-bezier(.4,0,.6,1) infinite}.pulse-disconnected{animation:pulse-red 2s cubic-bezier(.4,0,.6,1) infinite}#monitoring-toggle-btn{transition:background-color .3s ease,box-shadow .3s ease,transform .15s ease}#monitoring-toggle-btn:active{transform:scale(.97)}#history-chart{width:100%!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.session-card{position:relative;background:#1a2332;border:1px solid rgba(51,65,85,.3);border-radius:.75rem;padding:.875rem;cursor:pointer;transition:all .2s ease}.session-card:hover{border-color:#3b82f666;background:#1e293b}.session-card.selected{border-color:#3b82f680;background:#3b82f614}.session-card.active{border-color:#10b98166;background:#10b9810d}@keyframes pulse-border{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 3px #10b9811a}}.session-card.active{animation:pulse-border 2s cubic-bezier(.4,0,.6,1) infinite}.session-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:.25rem}.session-status-dot.active{background-color:#10b981}.session-status-dot.inactive{background-color:#475569}.session-card-date{font-weight:600;color:#e2e8f0;font-size:.8125rem;margin-bottom:.375rem}.session-card-duration{color:#64748b;font-size:.6875rem;margin-bottom:.25rem}.session-card-stats{color:#94a3b8;font-size:.6875rem}.session-delete-btn{position:absolute;top:.375rem;right:.375rem;width:1.25rem;height:1.25rem;background-color:#ef444433;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease;font-size:.75rem;line-height:1;cursor:pointer;border:1px solid rgba(239,68,68,.3)}.session-card:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{background-color:#ef44444d}.session-live-badge{display:inline-block;background-color:#10b98133;color:#10b981;font-size:.5625rem;font-weight:700;padding:.0625rem .3125rem;border-radius:.25rem;margin-left:.25rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(16,185,129,.3)}.outage-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.625rem 0;border-bottom:1px solid rgba(51,65,85,.2);align-items:center}.outage-row:last-child{border-bottom:none}.outage-status-badge{display:inline-flex;align-items:center;font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.outage-status-badge.resolved{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.outage-status-badge.active{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}a:focus,button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{transition:color .2s ease}footer a{text-decoration:none}footer a:hover{text-decoration:underline}@media print{body{background:#fff;color:#000}*{animation:none!important;transition:none!important}section{page-break-inside:avoid}}@media(max-width:640px){.grid{gap:.75rem}}