@charset "UTF-8";@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("./media/cairo-arabic-PWNICP73.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("./media/cairo-latin-KQSTBPVI.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-weight:400 800;font-display:swap;src:url("./media/cairo-latin-ext-MOGPTU57.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #0d0d10;--hero-wash: radial-gradient(120% 150% at 88% 0%, rgba(43, 28, 73, 1) 0%, rgba(22, 23, 44, .75) 44%, rgba(13, 13, 16, 0) 80%);--surface: rgba(255, 255, 255, .035);--surface2: rgba(255, 255, 255, .06);--raised: rgba(255, 255, 255, .095);--text: #f4f4f6;--text-muted: rgba(244, 244, 246, .58);--text-faint: rgba(244, 244, 246, .36);--divider: rgba(255, 255, 255, .08);--divider-strong: rgba(255, 255, 255, .16);--heading: #ffffff;--accent: #d8c7f5;--accent-strong: #ece2ff;--accent-dim: rgba(216, 199, 245, .14);--on-accent: #14141a;--primary-fill: #ffffff;--primary-fill-hover: #e4e4ea;--on-primary: #14141a;--up: #7ee2a8;--up-dim: rgba(126, 226, 168, .14);--up-strong: #a9f0c6;--down: #ff8f85;--down-dim: rgba(255, 143, 133, .14);--down-strong: #ffb3ab;--warn: #efec6b;--warn-dim: rgba(239, 236, 107, .14);--warn-strong: #f6f4a4;--warn-on: #1a1a08;--unknown: #8d8d99;--unknown-dim: rgba(141, 141, 153, .13);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .26);--shadow-2: 0 20px 48px rgba(0, 0, 0, .5);--bar-veil: rgba(13, 13, 16, .6);--popup: #1c1d21;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--pill: 999px;--font: "Cairo", "Segoe UI", Tahoma, system-ui, sans-serif;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f4f4f7;--hero-wash: radial-gradient(120% 150% at 88% 0%, rgba(230, 223, 247, 1) 0%, rgba(238, 236, 246, .75) 46%, rgba(244, 244, 247, 0) 82%);--surface: rgba(255, 255, 255, .9);--surface2: rgba(22, 22, 28, .045);--raised: #ffffff;--text: #16161c;--text-muted: rgba(22, 22, 28, .62);--text-faint: rgba(22, 22, 28, .4);--divider: rgba(22, 22, 28, .1);--divider-strong: rgba(22, 22, 28, .18);--heading: #000000;--accent: #6b4fa8;--accent-strong: #52397f;--accent-dim: rgba(107, 79, 168, .12);--on-accent: #ffffff;--primary-fill: #16161c;--primary-fill-hover: #32323c;--on-primary: #ffffff;--up: #17835a;--up-dim: rgba(23, 131, 90, .11);--up-strong: #106243;--down: #c2352c;--down-dim: rgba(194, 53, 44, .1);--down-strong: #992a22;--warn: #8a7210;--warn-dim: rgba(138, 114, 16, .12);--warn-strong: #6b580a;--warn-on: #ffffff;--unknown: #6c6c78;--unknown-dim: rgba(108, 108, 120, .1);--shadow-1: 0 1px 2px rgba(22, 22, 28, .06), 0 6px 18px rgba(22, 22, 28, .07);--shadow-2: 0 18px 44px rgba(22, 22, 28, .14);--bar-veil: rgba(244, 244, 247, .72);--popup: #eeeef2;color-scheme:light}}:root[data-theme=light]{--bg: #f4f4f7;--hero-wash: radial-gradient(120% 150% at 88% 0%, rgba(230, 223, 247, 1) 0%, rgba(238, 236, 246, .75) 46%, rgba(244, 244, 247, 0) 82%);--surface: rgba(255, 255, 255, .9);--surface2: rgba(22, 22, 28, .045);--raised: #ffffff;--text: #16161c;--text-muted: rgba(22, 22, 28, .62);--text-faint: rgba(22, 22, 28, .4);--divider: rgba(22, 22, 28, .1);--divider-strong: rgba(22, 22, 28, .18);--heading: #000000;--accent: #6b4fa8;--accent-strong: #52397f;--accent-dim: rgba(107, 79, 168, .12);--on-accent: #ffffff;--primary-fill: #16161c;--primary-fill-hover: #32323c;--on-primary: #ffffff;--up: #17835a;--up-dim: rgba(23, 131, 90, .11);--up-strong: #106243;--down: #c2352c;--down-dim: rgba(194, 53, 44, .1);--down-strong: #992a22;--warn: #8a7210;--warn-dim: rgba(138, 114, 16, .12);--warn-strong: #6b580a;--warn-on: #ffffff;--unknown: #6c6c78;--unknown-dim: rgba(108, 108, 120, .1);--shadow-1: 0 1px 2px rgba(22, 22, 28, .06), 0 6px 18px rgba(22, 22, 28, .07);--shadow-2: 0 18px 44px rgba(22, 22, 28, .14);--bar-veil: rgba(244, 244, 247, .72);--popup: #eeeef2;color-scheme:light}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.panel{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);box-shadow:var(--shadow-1)}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface2);border:1px solid var(--divider);border-radius:var(--pill);color:var(--text);font:700 .82rem var(--font);padding:.55rem 1.15rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--raised);border-color:var(--divider-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary-fill);border-color:transparent;color:var(--on-primary);box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--primary-fill-hover);border-color:transparent}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:var(--surface2);border:1px solid var(--divider);border-radius:50%;color:var(--text-muted);cursor:pointer}.icon-chip:hover{background:var(--raised);color:var(--text)}.btn-inline{background:none;border:0;padding:.2rem .3rem;font:600 .8rem var(--font);color:var(--accent);cursor:pointer}.btn-inline:hover{text-decoration:underline}.btn-inline.danger{color:var(--down)}.stat{display:flex;flex-direction:column;gap:.1rem}.stat .label{font:600 .72rem var(--font);color:var(--text-muted)}.stat .value{font:300 2.4rem/1.05 var(--font);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.field input,.field select{width:100%;background:var(--surface2);border:1px solid var(--divider);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:.875rem;padding:.6rem .85rem}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field select{background:var(--popup)}.field option{background-color:var(--popup);color:var(--text)}.field input[dir=ltr]{text-align:left}.field input.invalid{border-color:var(--down)}.field small{font-size:.7rem;color:var(--text-faint)}.state-shape{flex:none;width:10px;height:10px;border-radius:3px;background:var(--unknown)}.state-shape.up{border-radius:50%;background:var(--up)}.state-shape.down{background:var(--down)}.state-shape.suspect,.state-shape.unreachable{width:0;height:0;border-radius:0;background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--warn)}.state-shape.unknown{height:2px;border-radius:var(--pill);background:var(--unknown)}.critical-mark{font:700 .62rem var(--font);color:var(--down-strong);background:var(--down-dim);border-radius:var(--pill);padding:.1rem .55rem;white-space:nowrap}.ltr{direction:ltr;unicode-bidi:isolate}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}h1,h2,h3{color:var(--heading);font-weight:800}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
