*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);background:var(--mohr-off-white);color:var(--mohr-navy);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}.app{width:100%;height:100vh;display:flex}.main{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.view{flex-direction:column;flex:1;min-height:0;display:flex}.view.hidden{display:none}.view-head{border-bottom:1px solid var(--mohr-border);background:#fff;align-items:center;gap:12px;padding:14px 24px;display:flex}.view-head .vh-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--mohr-navy);align-items:center;gap:9px;margin:0;font-size:17px;font-weight:700;display:flex}.view-head .vh-title i{color:var(--mohr-blue)}.sb-toggle{border:1px solid var(--mohr-border);color:var(--mohr-navy);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:38px;height:38px;font-size:18px;display:none}.tenant-banner{background:var(--mohr-warning-bg);color:#92400e;border-radius:var(--radius);border:1px solid #f59e0b4d;max-width:820px;margin:0 auto 10px;padding:9px 14px;font-size:13px;display:none}.sidebar{background:var(--mohr-navy);color:#fff;border-inline-start:1px solid #c7ff3d29;flex-direction:column;flex-shrink:0;width:300px;display:flex}.sb-section{padding:16px 16px 0}.sb-brand{align-items:center;gap:9px;padding-bottom:14px;display:flex}.sb-brand .logo{font-family:var(--font-hero);color:#fff;font-size:22px;line-height:1}.sb-brand .logo .spark{color:var(--mohr-spark)}.sb-brand .tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#c7ff3db3;margin-inline-start:auto;font-size:8.5px}.btn-new{color:#fff;border-radius:var(--radius);width:100%;font-family:var(--font-body);cursor:pointer;transition:all var(--duration) var(--ease-standard);background:#ffffff0f;border:1px solid #ffffff29;justify-content:center;align-items:center;gap:9px;padding:11px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-new i{color:var(--mohr-spark)}.btn-new:hover{color:var(--mohr-spark);background:#c7ff3d1a;border-color:#c7ff3d80}.btn-new:hover i{color:var(--mohr-spark)}.sb-block{padding:14px 16px 0}.sb-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px;font-size:9px}.tenant-chip{border-radius:var(--radius);color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.tenant-chip i{color:var(--mohr-spark)}.tenant-selector,.tenant-selector .ts-input-wrap{position:relative}#tenantSearchInput{width:100%;color:var(--mohr-navy);border-radius:var(--radius);font-family:var(--font-body);background:#fffffff2;border:1px solid #fff3;outline:none;padding:9px 30px 9px 12px;font-size:13px}#tenantSearchInput:focus{border-color:var(--mohr-spark);box-shadow:0 0 0 3px #c7ff3d40}.tenant-selector .ts-input-wrap>i{inset-inline-end:10px;color:var(--mohr-slate-light);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}#tenantDropdown{border:1px solid var(--mohr-border);border-radius:var(--radius);max-height:280px;box-shadow:var(--shadow-md);z-index:1000;background:#fff;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tenant-option{cursor:pointer;border-bottom:1px solid var(--mohr-border);color:var(--mohr-navy);padding:8px 12px}.tenant-option:hover{background:var(--mohr-off-white)}.tenant-option .to-name{font-size:13px;font-weight:500}.tenant-option .to-sub{color:var(--mohr-slate-light);font-size:11px}.lang-toggle{border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid #ffffff1f;padding:3px;display:inline-flex}.lang-btn{color:#fff9;font-family:var(--font-mono);letter-spacing:.08em;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration) var(--ease-standard);background:0 0;border:none;flex:1;padding:5px 16px;font-size:11px}.lang-btn.active{background:var(--mohr-spark);color:var(--mohr-navy);font-weight:500}.sb-history{flex:1;min-height:0;padding:8px 12px;overflow-y:auto}.sb-history .sb-label{padding:0 4px}.hist-item{border-radius:var(--radius-sm);transition:background var(--duration);align-items:center;display:flex}.hist-item:hover{background:#ffffff0f}.hist-item.active{background:#1b72cb38}.hist-open{color:#ffffffc7;min-width:0;font-family:var(--font-body);cursor:pointer;text-align:start;background:0 0;border:none;flex:1;align-items:center;gap:9px;padding:9px 10px;font-size:13px;display:flex}.hist-open i{color:#fff6;flex-shrink:0;font-size:14px}.hist-item.active .hist-open i{color:var(--mohr-spark)}.hist-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hist-del{color:#ffffff4d;cursor:pointer;opacity:0;transition:opacity var(--duration), color var(--duration);background:0 0;border:none;padding:6px 10px;font-size:13px}.hist-item:hover .hist-del{opacity:1}.hist-del:hover{color:var(--mohr-danger)}.sb-empty{color:#fff6;text-align:center;padding:14px 8px;font-size:12px}.sb-foot{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:12px;display:flex}.sb-user{border-radius:var(--radius-sm);color:#fff;min-width:0;transition:background var(--duration);flex:1;align-items:center;gap:10px;padding:6px;text-decoration:none;display:flex}.sb-user:hover{color:#fff;background:#ffffff0f}.sb-avatar{background:var(--mohr-spark);width:34px;height:34px;color:var(--mohr-navy);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sb-user .su-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.sb-user .su-sub{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.btn-logout{color:#ffffffb3;border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;transition:all var(--duration) var(--ease-standard);background:0 0;border:1px solid #ffffff24;flex-shrink:0}.btn-logout:hover{color:#fff;background:#ef444440;border-color:#ef444480}.sb-history::-webkit-scrollbar{width:7px}#tenantDropdown::-webkit-scrollbar{width:7px}.sb-history::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}#connError{z-index:9999;background:var(--mohr-danger-bg);color:#842029;text-align:center;border-bottom:1px solid #ef44444d;padding:10px 16px;font-size:14px;position:fixed;top:0;left:0;right:0}body.lang-ar{font-family:var(--font-ar-body)}body.lang-ar .vh-title,body.lang-ar .welcome-screen,body.lang-ar .example-card,body.lang-ar .sb-label,body.lang-ar .hist-open,body.lang-ar .tenant-chip,body.lang-ar .tb-label,body.lang-ar .btn-new,body.lang-ar .tenant-banner{direction:rtl}body.lang-ar .example-card{text-align:right}body.lang-ar .sb-foot .su-name,body.lang-ar .sb-foot .su-sub{text-align:right;direction:rtl}@media (max-width:860px){.sb-toggle{justify-content:center;align-items:center;display:inline-flex}.sidebar{top:0;bottom:0;z-index:1200;transition:transform var(--duration-slow) var(--ease-standard);position:fixed;inset-inline-end:0;transform:translate(100%);box-shadow:-8px 0 30px #0000004d}[dir=rtl] .sidebar{transform:translate(-100%)}.app.sb-open .sidebar{transform:translate(0)}.app.sb-open:after{content:"";z-index:1100;background:#0a254080;position:fixed;inset:0}}.content-area{background:radial-gradient(900px 420px at 50% -8%, #1b72cb0f, transparent 70%), var(--mohr-off-white);flex:1;padding:28px 24px 40px;overflow-y:auto}.content-area>*{max-width:1040px;margin-left:auto;margin-right:auto}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mohr-blue);align-items:center;gap:8px;margin:30px 0 14px;font-size:11px;display:flex}.section-label:first-child{margin-top:0}body.lang-ar .rh-arrow{transform:scaleX(-1)}.date-range{gap:8px;display:grid}.dr-field{gap:4px;display:grid}.dr-field>span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;font-size:9px}.date-range input[type=date]{width:100%;color:var(--mohr-navy);border-radius:var(--radius);font-family:var(--font-body);background:#fffffff2;border:1px solid #fff3;outline:none;padding:8px 10px;font-size:13px}.date-range input[type=date]:focus{border-color:var(--mohr-spark);box-shadow:0 0 0 3px #c7ff3d40}.dr-error{color:#ffb4b4;margin-top:7px;font-size:11.5px;line-height:1.4}.dr-clear{cursor:pointer;border-radius:var(--radius);color:#ffffffb3;width:100%;font-family:var(--font-body);background:0 0;border:1px solid #ffffff2e;margin-top:8px;padding:6px 8px;font-size:11.5px}.dr-clear:hover{color:#fff;border-color:#fff6}.sb-spacer{flex:1;min-height:0}body.lang-ar .rh-text,body.lang-ar .rh-steps,body.lang-ar .report-card,body.lang-ar .rc-desc,body.lang-ar .runs-table,body.lang-ar .sb-label,body.lang-ar .tenant-chip,body.lang-ar .btn-new,body.lang-ar .tenant-banner,body.lang-ar .empty-state,body.lang-ar .preview-panel .pp-head strong{direction:rtl}body.lang-ar .rc-head,body.lang-ar .runs-table th,body.lang-ar .runs-table td{text-align:right}