:root{--bg: #f2f5f8;--bg-alt: #e7eef4;--ink: #123;--primary: #10263e;--primary-2: #2f6b8f;--accent: #e58f3f;--danger: #cc4f46;--ok: #1b8a5a;--card: #ffffff;--border: #d3dee8;--radius: 14px;--shadow: 0 8px 20px rgba(16, 38, 62, .09);font-family:Segoe UI,Tahoma,Noto Kufi Arabic,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at top right,#ffffff,var(--bg));color:var(--ink)}body{direction:rtl}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:grid;gap:10px;padding:12px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#f5fbff}.brand-block{display:grid}.brand-block small{opacity:.8}.topnav{display:flex;gap:12px;overflow-x:auto;white-space:nowrap}.topnav a{padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px}.status-box{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.badge{padding:4px 8px;border-radius:999px;background:#fff3;font-size:12px}.badge.warning{background:#e58f3fe6;color:#1f150b}.notification-strip{display:grid;gap:8px;padding:10px 12px}.notification-item{border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:8px 10px}.notification-item p{margin:0}.page{padding:14px;max-width:1080px;margin:0 auto}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(100%,420px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stack{display:grid;gap:10px}label{display:grid;gap:4px;font-size:14px}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}button{border:0;border-radius:10px;padding:10px 12px;background:var(--primary);color:#fff;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.outline{border:1px solid var(--primary);background:transparent;color:var(--primary)}button.danger,.outline.danger{border-color:var(--danger);color:var(--danger)}.segmented{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.segmented button{border-radius:0;background:transparent;color:var(--ink);flex:1}.segmented button.active{background:var(--primary);color:#fff}.grid-cards{display:grid;gap:12px}.action-card{text-align:right;background:linear-gradient(135deg,#fff,var(--bg-alt));border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow);min-height:74px}.action-card.disabled{opacity:.55}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:12px;box-shadow:var(--shadow)}.inline-grid{display:grid;gap:10px}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.task-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:8px}.task-row span{display:grid}.numeric{font-variant-numeric:tabular-nums}.pass{color:var(--ok);font-weight:700}.fail,.warning-text,.error-text{color:var(--danger)}.message{border-radius:10px;border:1px solid var(--border);background:#fff;padding:10px}.muted{color:#4d6174}.link-like{background:none;border:0;color:var(--primary-2);text-decoration:underline;padding:0}.stepper{font-size:13px;color:#40556a}.plot-list,.chips{display:grid;gap:8px}.chip,.plot-item{background:#fff;border:1px solid var(--border);color:var(--ink)}.chip.active,.plot-item.active{border-color:var(--primary);background:#e7f1f8}.plot-item{display:grid;text-align:right}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10263e80;z-index:50;padding:14px;display:grid;place-items:center}.modal-card{width:min(100%,520px);max-height:90vh;overflow-y:auto;border-radius:var(--radius);background:#fff;border:1px solid var(--border);padding:12px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pdf-canvas{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff}.marker-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:6px}.json-box{direction:ltr;text-align:left;background:#0f1720;color:#d7e4f1;border-radius:10px;padding:10px;overflow-x:auto}@media(min-width:768px){.topbar{grid-template-columns:220px 1fr auto;align-items:center}.inline-grid,.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}