.network-offline-banner,.network-online-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:16px;animation:slideDown .3s ease-out}.network-offline-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px rgba(220,38,38,.3)}.network-online-banner{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.network-offline-content,.network-online-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;color:#fff}.network-offline-content strong,.network-online-content strong{display:block;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:4px}.network-offline-content p,.network-online-content p{margin:0;font-family:Inter,sans-serif;font-size:14px;opacity:.95}@media(max-width:768px){.network-offline-content,.network-online-content{gap:8px}.network-offline-content strong,.network-online-content strong{font-size:14px}.network-offline-content p,.network-online-content p{font-size:12px}}.network-offline-icon,.network-online-icon{font-size:32px;flex-shrink:0}@media(max-width:768px){.network-offline-icon,.network-online-icon{font-size:24px}}.network-banner-close{margin-left:auto;background:hsla(0,0%,100%,.2);border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease;flex-shrink:0}.network-banner-close:hover{background:hsla(0,0%,100%,.3)}@media(max-width:768px){.network-banner-close{font-size:24px;padding:2px 6px}}.error-alert-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px;padding:16px;pointer-events:none}.error-alert-container.error-alert-top-right{top:0;right:0}.error-alert-container.error-alert-top-left{top:0;left:0}.error-alert-container.error-alert-bottom-right{bottom:0;right:0}.error-alert-container.error-alert-bottom-left{bottom:0;left:0}.error-alert-container.error-alert-top-center{top:0;left:50%;transform:translateX(-50%)}@media(max-width:768px){.error-alert-container{max-width:calc(100% - 32px);left:16px!important;right:16px!important;transform:none!important}}.error-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:auto;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.error-alert{padding:12px;gap:8px}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error-alert-error{background:rgba(254,242,242,.95);border-left:4px solid #dc2626;color:#7f1d1d}.error-alert-warning{background:rgba(254,252,232,.95);border-left:4px solid #f59e0b;color:#78350f}.error-alert-info{background:rgba(239,246,255,.95);border-left:4px solid #3b82f6;color:#1e3a8a}.error-alert-success{background:rgba(240,253,244,.95);border-left:4px solid #10b981;color:#064e3b}.error-alert-icon{font-size:24px;flex-shrink:0;line-height:1}@media(max-width:768px){.error-alert-icon{font-size:20px}}.error-alert-content{flex:1 1;min-width:0}.error-alert-title{margin:0 0 4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1.4}@media(max-width:768px){.error-alert-title{font-size:13px}}.error-alert-message{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;opacity:.9}@media(max-width:768px){.error-alert-message{font-size:12px}}.error-alert-close{background:none;border:none;color:currentColor;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease;flex-shrink:0}.error-alert-close:hover{opacity:1}.error-alert-close:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}@media(max-width:768px){.error-alert-close{font-size:20px;width:20px;height:20px}}