:root{--bg:#f4f5fb;--ink:#25283d;--muted:#73788d;--primary:#4b4fe0;--navy:#292d54;--card:#fff;--border:#e2e4f0;--good:#23945d;--warn:#d58b19;--danger:#c93d47;--critical:#25252d;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}a{color:inherit}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#292d54,#35396e);color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:8px 4px 20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#fff;color:var(--primary);font-weight:900}.brand b,.brand small{display:block}.brand small{opacity:.7;margin-top:2px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{text-decoration:none;padding:11px 13px;border-radius:11px;color:#f1f2ff}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff18}.sidebar nav a.active{box-shadow:inset -3px 0 #aaaefa;background:#ffffff20}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar>div{display:flex;align-items:center;gap:12px}.top-actions a{text-decoration:none}.return-platform{padding:8px 12px;border-radius:10px;border:1px solid var(--border);color:var(--primary);font-weight:700}.user-chip{background:#f2f3fb;padding:8px 12px;border-radius:10px}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.content{padding:22px;max-width:1500px;width:100%;margin:auto}.panel,.metric,.safe-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #30335c0d}.panel{padding:20px;margin-bottom:18px}.panel h2,.panel h3{margin-top:0}.grid{display:grid;gap:15px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric{padding:17px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:24px;margin-top:7px}.status-line{display:flex;gap:14px;align-items:center;padding:20px;border-radius:18px;color:#fff;margin-bottom:18px}.status-line.good{background:linear-gradient(135deg,#228e59,#3aaa72)}.status-line.warn{background:linear-gradient(135deg,#bf7b17,#e0a542)}.status-line.danger{background:linear-gradient(135deg,#b83340,#d85d66)}.status-line.critical{background:linear-gradient(135deg,#202128,#3c3d49)}.status-icon{font-size:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 14px;background:var(--primary);color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:var(--primary);border:1px solid #cfd2ea}.btn.danger{background:var(--danger)}.btn.dark{background:var(--critical)}.btn:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:right;padding:11px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:13px;color:var(--muted);background:#fafaff}.pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill.good{background:#e9f8ef;color:#167044}.pill.minor{background:#fff7d9;color:#86620a}.pill.medium{background:#fff0dc;color:#a55b09}.pill.high{background:#ffe8ea;color:#a52c38}.pill.critical{background:#ececef;color:#292a31}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #d7d9e8;border-radius:10px;padding:10px;font:inherit;background:#fff}.field textarea{min-height:100px}.wide{grid-column:1/-1}.muted{color:var(--muted);font-size:14px}.flash{padding:12px 14px;background:#edf8f2;color:#176d40;border:1px solid #cee9da;border-radius:11px;margin-bottom:15px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.progress-wrap{height:14px;background:#e7e8f1;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4b4fe0,#6c63f5);width:0;transition:.25s}.step-list{display:grid;gap:8px;margin-top:15px}.step{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px}.step.pass{border-color:#bfe4cd;background:#f4fcf6}.step.fail{border-color:#f0c0c3;background:#fff6f6}.step.warn{border-color:#f3d9a9;background:#fffbf1}.simple-shell{min-height:100vh;background:var(--bg)}.brand-bar{padding:18px 24px;color:#fff;background:linear-gradient(135deg,#292d54,#4b4fe0);font-size:20px;font-weight:800}.safe-card{max-width:700px;margin:10vh auto;padding:28px}.login-wrap{max-width:480px;margin:8vh auto;padding:20px}.login-card{background:#fff;padding:26px;border-radius:20px;box-shadow:0 12px 36px #20234c18}.login-card h1{margin-top:0}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service{display:flex;justify-content:space-between;padding:13px;border:1px solid var(--border);border-radius:12px}.code{direction:ltr;font-family:ui-monospace,monospace}.critical-note{padding:12px;background:#fff2f2;border:1px solid #f1c7ca;border-radius:10px;color:#972c35}.ok-note{padding:12px;background:#effaf3;border:1px solid #c9ead5;border-radius:10px;color:#176c3d}footer{padding:20px 0;color:var(--muted);font-size:13px}@media(max-width:1050px){.grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;right:0;top:0;width:min(86vw,300px);transform:translateX(105%);transition:.2s;z-index:100}.nav-open .sidebar{transform:none}.menu-btn{display:inline-block}.topbar{padding:0 12px}.top-actions .user-chip{display:none}.content{padding:14px}.grid.metrics,.form-grid,.service-list{grid-template-columns:1fr}.wide{grid-column:auto}.timeline-item{grid-template-columns:1fr}.return-platform{font-size:13px;padding:7px}.topbar strong{font-size:14px}}