.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.error-container{text-align:center;max-width:600px;width:100%}.error-icon-container{margin-bottom:1.5rem;position:relative}.error-icon{font-size:4rem;color:#dc3545}.error-code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px #000000}.error-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.error-description{font-size:1.1rem;color:#6c757d;margin-bottom:.5rem;line-height:1.5}.error-suggestion{font-size:1rem;color:#6c757d;margin-bottom:2rem;font-style:italic;line-height:1.5}.error-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn-retry{padding:.75rem 1.5rem;font-weight:600;border-radius:6px;box-shadow:0 2px 4px #00000026}.error-links{display:flex;flex-direction:column;gap:.5rem}.error-links a{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s ease}.error-links a:hover{color:#0056b3;text-decoration:underline}.error-links button{background:none;border:none;color:#6c757d;text-decoration:none;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.error-links button:hover{color:#495057;text-decoration:underline}.error-details{margin-top:2rem;text-align:left;background:#f8f9facc;padding:1rem;border-radius:6px}.error-details summary{cursor:pointer;font-weight:600;color:#495057}.error-details pre{margin-top:1rem;background:#fff;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.85rem;color:#e83e8c;border:1px solid #dee2e6}.error-page .error-icon-container[data-error-code="400"] .error-icon{color:#fd7e14}.error-page .error-icon-container[data-error-code="401"] .error-icon{color:#ffc107}.error-page .error-icon-container[data-error-code="403"] .error-icon{color:#dc3545}.error-page .error-icon-container[data-error-code="404"] .error-icon{color:#6f42c1}.error-page .error-icon-container[data-error-code="500"] .error-icon{color:#e83e8c}.error-page .error-icon-container[data-error-code="503"] .error-icon{color:#20c997}@media (max-width: 576px){.error-page{padding:1rem}.error-title{font-size:1.75rem}.error-actions{flex-direction:column;align-items:center}.error-actions .btn{width:100%;max-width:250px}.error-icon{font-size:3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-container{animation:fadeInUp .5s ease-out}.error-page{height:100%;box-sizing:border-box}.error-container{overflow-y:auto}