.error-404-container{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;position:fixed;top:0;bottom:0}[dir] .error-404-container{padding:24px;background:#f9fafb}[dir=ltr] .error-404-container,[dir=rtl] .error-404-container{left:0;right:0}.error-404-card-wrapper{width:100%;max-width:32rem;flex-shrink:0}[dir] .error-404-card-wrapper{margin:auto}[dir=ltr] .error-404-card-wrapper,[dir=rtl] .error-404-card-wrapper{animation:fadeInUp .5s ease-out}[dir] .error-404-body{padding:24px;text-align:center}.error-logo-container{display:flex;justify-content:center}[dir] .error-logo-container{margin-bottom:20px}.error-logo-wrapper{display:inline-flex;align-items:center;justify-content:center}[dir] .error-logo-wrapper{padding:12px 20px;border-radius:8px}.error-logo-wrapper img{height:40px;width:auto;display:block}[dir] .error-content{margin-bottom:20px}.error-404-number{font-size:80px;font-weight:700;color:#d1d5db;line-height:1}[dir] .error-404-number{margin-bottom:8px}.error-404-title{font-size:20px;font-weight:600;color:#111827}[dir] .error-404-title{margin-bottom:8px}.error-404-description{font-size:14px;color:#6b7280;line-height:1.5;max-width:400px}[dir] .error-404-description{margin:0 auto}[dir] .error-suggestions-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;margin-bottom:20px}[dir=ltr] .error-suggestions-box{text-align:left}[dir=rtl] .error-suggestions-box{text-align:right}.suggestions-title{font-size:14px;font-weight:500;color:#1e3a8a}[dir] .suggestions-title{margin-bottom:8px}.suggestions-list{list-style:none}[dir] .suggestions-list{padding:0;margin:0}.suggestions-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:#1d4ed8}[dir] .suggestions-list li{margin-bottom:4px}[dir] .suggestions-list li:last-child{margin-bottom:0}.suggestions-list li svg{flex-shrink:0;width:12px;height:12px}[dir] .error-buttons{margin-bottom:12px}.error-btn-primary{width:100%;height:44px!important;font-size:14px!important;font-weight:600!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;transition:background .2s ease}[dir] .error-btn-primary{border-radius:8px!important;background:#3b82f6!important;border:none!important;margin-bottom:12px}.error-btn-primary:hover{color:#fff!important}[dir] .error-btn-primary:hover{background:#2563eb!important}[dir] .error-btn-primary:focus{box-shadow:0 0 0 4px rgba(59,130,246,.2)!important;background:#3b82f6!important}[dir] .error-btn-primary:active{background:#1d4ed8!important}.error-btn-secondary{width:100%;height:44px!important;font-size:14px!important;font-weight:600!important;color:#374151!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;transition:all .2s ease}[dir] .error-btn-secondary{border-radius:8px!important;background:transparent!important;border:1px solid #d1d5db!important}.error-btn-secondary:hover{color:#374151!important}[dir] .error-btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important}[dir] .error-btn-secondary:focus{box-shadow:0 0 0 4px rgba(0,0,0,.05)!important;background:transparent!important}[dir] .error-btn-secondary:active{background:#f3f4f6!important}[dir] .error-footer{padding-top:12px;border-top:1px solid #e5e7eb}.error-copyright{font-size:12px;color:#9ca3af}[dir] .error-copyright{margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.error-404-container{align-items:flex-start}[dir] .error-404-container{padding:16px}[dir] .error-404-card-wrapper{margin-top:20px;margin-bottom:20px}[dir] .error-404-body{padding:24px}.error-404-number{font-size:80px}.error-404-title{font-size:18px}.error-404-description{font-size:13px}.error-logo-wrapper img{height:40px}}@media(max-width:480px){.error-404-container{align-items:flex-start}[dir] .error-404-container{padding:12px}.error-404-card-wrapper{max-width:100%}[dir] .error-404-card-wrapper{margin-top:12px;margin-bottom:12px}[dir] .error-404-body{padding:20px}.error-404-number{font-size:72px}.error-logo-wrapper img{height:36px}[dir] .error-content{margin-bottom:24px}[dir] .error-suggestions-box{padding:12px;margin-bottom:20px}.suggestions-list li,.suggestions-title{font-size:13px}}