:root{--bg-0:#071a14;--bg-1:#0b2a20;--bg-2:#12352a;--surface:#12352ab8;--surface-strong:#0a241ceb;--line:#d4f5e324;--text:#e8fff3;--muted:#9fcbb6;--accent:#7cffb2;--accent-strong:#2fe58a;--warn:#ffc857;--danger:#ff7b72;--ok:#5dffb0;--shadow:0 24px 60px #00000059;--radius:18px;--font:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--display:"Space Grotesk", "IBM Plex Sans Arabic", sans-serif;color:var(--text);background:var(--bg-0);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 90% -10%, #7cffb22e, transparent 55%), radial-gradient(900px 500px at -10% 20%, #2fe58a1f, transparent 50%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 45%, #0a221b 100%);min-width:320px;color:var(--text);margin:0}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem}.brand-mark{letter-spacing:.02em;align-items:center;gap:.75rem;display:inline-flex}.brand-mark img{width:42px;height:42px}.brand-mark strong{font-family:var(--display);font-size:1.35rem;font-weight:700}.hero-login{align-items:center;gap:2rem;min-height:calc(100vh - 2rem);animation:.7s both rise;display:grid}.hero-copy h1{margin:.35rem 0 .75rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.15}.hero-copy p{max-width:34rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.35rem;animation:.55s both fade-up}.panel h2{margin:0 0 1rem;font-size:1.2rem}.field{gap:.4rem;margin-bottom:.9rem;display:grid}.field label{color:var(--muted);font-size:.92rem}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#04120e8c;border-radius:12px;outline:none;padding:.8rem .95rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7cffb28c;box-shadow:0 0 0 3px #7cffb21f}.field textarea{resize:vertical;min-height:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.6}.btn{appearance:none;cursor:pointer;border:0;border-radius:12px;padding:.8rem 1.15rem;font-weight:600;transition:transform .15s,opacity .2s,background .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#062217}.btn-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn-danger{color:#ffd2ce;background:#ff7b7229;border:1px solid #ff7b7259}.btn-row{flex-wrap:wrap;gap:.65rem;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;animation:.5s both rise;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);margin:.35rem 0 0;font-size:.92rem}.ok{color:var(--ok)}.warn{color:var(--warn)}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.55rem 1rem}.tab.active{color:var(--accent);background:#7cffb224;border-color:#7cffb259}.grid-2{grid-template-columns:1.1fr .9fr;gap:1rem;display:grid}.hint{color:var(--muted);margin:.35rem 0 1rem;font-size:.92rem;line-height:1.6}.table-wrap{border:1px solid var(--line);border-radius:14px;max-height:420px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:.65rem .75rem;font-size:.9rem}th{background:var(--surface-strong);color:var(--muted);font-weight:600;position:sticky;top:0}.status-pill{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.8rem;display:inline-flex}.status-pill.ok{color:var(--ok);background:#5dffb01f}.status-pill.fail{color:var(--danger);background:#ff7b721f}.stats{flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem;display:flex}.stat{border:1px solid var(--line);border-radius:12px;min-width:110px;padding:.65rem .9rem}.stat strong{font-size:1.25rem;font-family:var(--display);display:block}.map-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.sample{color:var(--muted);white-space:pre-wrap;background:#04120e73;border:1px dashed #7cffb247;border-radius:12px;margin-top:.75rem;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.7}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.grid-2{grid-template-columns:1fr}.hero-login{min-height:auto;padding-top:1.5rem}.topbar{flex-direction:column;align-items:flex-start}}