.server-status-notification{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;max-width:350px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.status-connecting{color:#d4b67a;background:linear-gradient(135deg,#2f4a72e6,#1f3d52e6);border-color:#d4b67a4d}.status-error{color:#fff;background:linear-gradient(135deg,#dc3545e6,#991b1be6);border-color:#dc35454d}.status-warning{color:#0e2c40;background:linear-gradient(135deg,#ffc107e6,#998b5fe6);border-color:#ffc1074d}.status-icon{font-size:16px;animation:2s infinite pulse}.status-connecting .status-icon{animation:1s linear infinite spin}.status-message{flex:1;line-height:1.4}.retry-button{color:inherit;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:6px 12px;font-size:12px;transition:all .2s}.retry-button:hover{background:#ffffff4d;transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.server-status-notification{max-width:none;font-size:13px;top:10px;left:10px;right:10px}}