.error-page,.network-offline-overlay{color-scheme:light;--ink:#233451;--muted:#72839d;--accent:#6c7edf}*{box-sizing:border-box}body.error-page{margin:0;min-height:100vh;min-height:100dvh;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 14% 12%,#cedaffb0,transparent 55%),radial-gradient(ellipse at 90% 85%,#caf1e8a0,transparent 50%),linear-gradient(135deg,#f4f6fc,#edf3fb);display:grid;place-items:center;padding:24px;direction:rtl}.error-shell{width:min(100%,580px);text-align:center;padding:42px 34px;border:1px solid #ffffffdf;border-radius:30px;background:linear-gradient(135deg,#ffffffc9,#ffffff80);backdrop-filter:blur(20px);box-shadow:0 24px 80px #30456c14;animation:enter .4s ease-out}.brand{display:flex;justify-content:center;align-items:center;gap:9px;direction:ltr;color:#677a9c;font-size:.82rem;font-weight:700;letter-spacing:1px;margin-bottom:30px}.brand img{width:29px;height:29px}.error-symbol{display:grid;place-items:center;margin:0 auto 19px;width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#e6ecff,#dcf6ed);color:var(--accent);box-shadow:0 12px 30px #6c7edf12}.error-symbol svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.error-code{display:inline-block;padding:7px 14px;border-radius:10px;font-size:.8rem;letter-spacing:2px;font-weight:700;color:#8797b4;background:#edf2fb;direction:ltr}.error-shell h1{font-size:1.7rem;line-height:1.55;margin:16px 0 12px}.error-shell p{color:var(--muted);font-size:.93rem;line-height:1.95;margin:0 auto 24px;max-width:440px;overflow-wrap:anywhere}.error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.error-actions button,.error-actions a{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 23px;border:1px solid #dce4f2;border-radius:14px;color:#6a7d9e;background:#ffffffb0;text-decoration:none;cursor:pointer;font-size:.87rem}.error-actions button{background:linear-gradient(120deg,#6b7dde,#8899e9);border-color:transparent;color:#fff;box-shadow:0 7px 19px #6b7dde26}.error-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.error-actions :focus-visible{outline:3px solid #26a88f;outline-offset:4px}.error-foot{margin:26px 0 0;font-size:.72rem;color:#8e9cb3}.network-offline-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:auto;background:radial-gradient(ellipse at 10% 10%,#d9e3ff,transparent 60%),linear-gradient(135deg,#f4f6fc,#e9f6f2);padding:20px;direction:rtl;font-family:Tahoma,Arial,sans-serif}.network-offline-overlay[hidden]{display:none}.network-offline-overlay .error-shell{margin:auto}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:575px){body.error-page{padding:16px}.error-shell{padding:30px 20px;border-radius:23px}.brand{margin-bottom:23px}.error-symbol{width:78px;height:78px;border-radius:23px}.error-symbol svg{width:38px;height:38px}.error-shell h1{font-size:1.35rem}p{font-size:.85rem}.error-actions{gap:9px}.error-actions button,.error-actions a{flex:1;padding:12px 14px;min-width:125px}.error-foot{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.error-shell{animation:none}}