@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-online{animation:pulse-online 2s cubic-bezier(.4,0,.6,1) infinite}.gradient-dark{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000080}.station-card{border:2px solid #dc2626;border-radius:16px;background:linear-gradient(135deg,#0f172ae6,#020617e6);overflow:hidden}.station-card.online{border-color:#10b981}.station-card.offline{border-color:#000}.station-card.blocked{border-color:#ef4444}.device-section{border:1px solid rgba(100,116,139,.3);border-radius:12px;background:#1e293b99;padding:16px}.device-button{border-radius:8px;padding:12px 16px;font-weight:600;transition:all .3s;display:flex;align-items:center;justify-content:center}.device-button.on{background:#10b981;color:#fff;border:2px solid #10b981}.device-button.off{background:#ef4444;color:#fff;border:2px solid #ef4444}.device-button:hover{opacity:.9;transform:translateY(-2px)}@keyframes dash-animation{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.connection-line-connected{animation:dash-animation .5s linear infinite}.power-switch{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border:2px solid #64748b;border-radius:12px;background:#1e293bcc;cursor:pointer;transition:all .3s}.power-switch:hover{border-color:#94a3b8}.power-switch.on{border-color:#10b981;background:#10b9811a}.power-switch-icon{font-size:20px}.power-switch-text{font-size:14px;font-weight:600;color:#cbd5e1}.power-switch.on .power-switch-text{color:#10b981}