:root{--accent-h: 268;--accent: oklch(.53 .17 var(--accent-h));--accent-soft: oklch(.62 .17 var(--accent-h) / .14);--accent-line: oklch(.62 .17 var(--accent-h) / .4);--accent-ink: oklch(.97 .01 var(--accent-h));--ok: oklch(.72 .13 158);--ok-bg: oklch(.72 .13 158 / .14);--warn: oklch(.8 .13 78);--warn-bg: oklch(.8 .13 78 / .15);--bad: oklch(.66 .16 18);--bad-bg: oklch(.66 .16 18 / .14);--in: oklch(.7 .12 218);--in-bg: oklch(.7 .12 218 / .14);--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-xl: 26px;--font-ui: "Plus Jakarta Sans", "Cairo", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--pad-card: 22px;--gap: 16px;--row-h: 52px;--shadow-sm: 0 1px 2px rgba(0,0,0,.18);--shadow: 0 8px 28px -10px rgba(0,0,0,.45);--shadow-lg: 0 30px 70px -24px rgba(0,0,0,.6)}[data-theme=dark]{--bg: oklch(.185 .013 55);--bg-2: oklch(.16 .012 55);--surface: oklch(.225 .015 58);--surface-2: oklch(.265 .016 60);--surface-3: oklch(.305 .018 62);--border: oklch(.34 .016 60);--border-soft: oklch(.29 .014 58);--text: oklch(.96 .006 70);--text-muted:oklch(.74 .018 65);--text-dim: oklch(.65 .018 62);--on-accent: oklch(.235 .022 60);color-scheme:dark}[data-theme=light]{--bg: oklch(.984 .012 75);--bg-2: oklch(.967 .015 75);--surface: oklch(1 .004 75);--surface-2: oklch(.972 .013 70);--surface-3: oklch(.948 .018 68);--border: oklch(.9 .016 70);--border-soft: oklch(.93 .013 72);--text: oklch(.27 .022 60);--text-muted:oklch(.47 .024 58);--text-dim: oklch(.53 .022 60);--on-accent: oklch(.235 .022 60);color-scheme:light;--ok: oklch(.49 .13 158);--ok-bg: oklch(.49 .13 158 / .15);--warn: oklch(.51 .13 78);--warn-bg: oklch(.51 .13 78 / .16);--bad: oklch(.53 .16 18);--bad-bg: oklch(.53 .16 18 / .15);--in: oklch(.49 .12 218);--in-bg: oklch(.49 .12 218 / .15)}[data-density=compact]{--pad-card: 16px;--gap: 11px;--row-h: 44px}[data-density=comfy]{--pad-card: 28px;--gap: 22px;--row-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg-2);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl]{--font-ui: "Cairo", "Plus Jakarta Sans", system-ui, sans-serif}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}[dir=rtl] .eyebrow{letter-spacing:0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:0 6px 18px -8px var(--accent)}.btn-primary:hover{background:oklch(.55 .17 var(--accent-h))}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{height:32px;padding:0 11px;font-size:13px;border-radius:var(--r-sm)}.btn-icon{width:40px;padding:0;justify-content:center}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--border-soft);color:var(--text-muted);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600;line-height:1}.badge .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.warn{color:var(--warn);background:var(--warn-bg)}.badge.bad{color:var(--bad);background:var(--bad-bg)}.badge.in{color:var(--in);background:var(--in-bg)}.divider{height:1px;background:var(--border-soft);border:0;margin:0}input,select,textarea{font-family:inherit;color:var(--text)}.field{width:100%;height:42px;padding:0 13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.field::placeholder{color:var(--text-dim)}textarea.field{height:auto;padding:11px 13px;resize:vertical;line-height:1.5}.ph{position:relative;background:repeating-linear-gradient(45deg,var(--surface-2) 0,var(--surface-2) 10px,var(--surface-3) 10px,var(--surface-3) 20px);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.ph span{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-dim);background:var(--surface);padding:4px 9px;border-radius:6px;border:1px solid var(--border-soft)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.spread{display:flex;align-items:center;justify-content:space-between}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.pop{animation:pop .34s cubic-bezier(.2,.8,.2,1)}}@keyframes scanline{0%{top:8px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 10px);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shakeX{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}#root{height:100vh}@media(max-width:1080px){.ov-grid,.dz-grid{grid-template-columns:1fr!important}}@media(max-width:720px){.seg-label{display:none}}@media(max-width:880px){.login-hero{display:none!important}}