.server-status-notification{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.status-connecting{background:linear-gradient(135deg,rgba(47,74,114,.9),rgba(31,61,82,.9));color:#D4B67A;border-color:rgba(212,182,122,.3)}.status-error{background:linear-gradient(135deg,rgba(220,53,69,.9),rgba(153,27,27,.9));color:white;border-color:rgba(220,53,69,.3)}.status-warning{background:linear-gradient(135deg,rgba(255,193,7,.9),rgba(153,139,95,.9));color:#0E2C40;border-color:rgba(255,193,7,.3)}.status-icon{font-size:16px;animation:pulse 2s infinite}.status-connecting .status-icon{animation:spin 1s linear infinite}.status-message{flex:1 1;line-height:1.4}.retry-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:inherit;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.retry-button:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.server-status-notification{top:10px;right:10px;left:10px;max-width:none;font-size:13px}}