:root{--fx-navy:#07111f;--fx-navy2:#0b1829;--fx-teal:#45cdb9;--fx-teal2:#2aa996;--fx-ink:#0b1730;--fx-muted:#667085;--fx-line:#e7ebf2;--fx-bg:#f7f9fc;--fx-card:#fff;--fx-gold:#d7ad62;}
*{box-sizing:border-box}body{font-family:'IBM Plex Sans Arabic',sans-serif}a{text-decoration:none}
/* Public landing */
.fx-home{background:#fff;color:var(--fx-ink);overflow-x:hidden}.fx-home .fx-container{width:min(1180px,92%);margin:auto}.fx-nav{height:76px;background:var(--fx-navy);color:#fff}.fx-nav .fx-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.fx-brand img{height:46px;width:auto}.fx-navlinks{display:flex;gap:28px;align-items:center;font-size:12px}.fx-navlinks a{color:#dbe4ef;opacity:.92}.fx-navlinks a.active,.fx-navlinks a:hover{color:#63dfca}.fx-nav-actions{display:flex;gap:12px;align-items:center}.fx-login{color:#fff;font-size:12px}.fx-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#4bd0bc,#2fae9e);color:#04151b;border-radius:12px;padding:11px 18px;font-weight:800;font-size:12px;box-shadow:0 10px 25px rgba(69,205,185,.18)}
.fx-hero{background:radial-gradient(circle at 12% 20%,rgba(69,205,185,.09),transparent 25%),radial-gradient(circle at 90% 0%,rgba(53,116,184,.18),transparent 30%),linear-gradient(135deg,#07111f,#091827 65%,#06101d);color:#fff;padding:62px 0 34px;position:relative}.fx-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#6ad8c8 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.fx-hero .fx-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.03fr;gap:54px;align-items:center}.fx-copy{text-align:right}.fx-eyebrow{display:inline-flex;border:1px solid rgba(69,205,185,.24);background:rgba(69,205,185,.07);color:#6fe0ce;padding:7px 12px;border-radius:999px;font-size:11px;margin-bottom:16px}.fx-copy h1{font-size:48px;line-height:1.18;letter-spacing:-.04em;margin:0 0 18px}.fx-copy h1 span{color:#54d2c0}.fx-copy p{font-size:16px;line-height:2;color:#b8c5d6;max-width:600px;margin:0 0 24px}.fx-actions{display:flex;gap:10px;flex-wrap:wrap}.fx-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:11px 18px;font-size:12px;font-weight:700;background:rgba(255,255,255,.04)}.fx-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;color:#8fa2b7;font-size:10.5px}.fx-dashboard-shot{background:#fff;border-radius:18px;padding:10px;box-shadow:0 30px 90px rgba(0,0,0,.36);border:1px solid rgba(69,205,185,.32)}.fx-windowbar{height:20px;display:flex;gap:5px;align-items:center;padding:0 7px}.fx-dot{width:7px;height:7px;border-radius:50%;background:#aab4c3}.fx-dash-ui{display:grid;grid-template-columns:150px 1fr;min-height:330px;border-radius:12px;overflow:hidden;background:#f5f7fb}.fx-dash-side{background:#071521;color:#a8b7c8;padding:15px 10px}.fx-dash-brand{color:#fff;font-weight:800;font-size:14px;margin-bottom:18px}.fx-dash-side .fx-menu{padding:8px 9px;border-radius:7px;font-size:9px;margin-bottom:5px}.fx-dash-side .fx-menu.active{background:#2bbca9;color:#03171a}.fx-dash-main{padding:15px}.fx-dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fx-dash-head strong{font-size:14px;color:#12213a}.fx-dash-head span{font-size:8px;color:#8b98aa}.fx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.fx-kpi{background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:10px}.fx-kpi small{display:block;color:#8995a6;font-size:7px}.fx-kpi b{display:block;color:#0e213a;font-size:17px;margin:3px 0}.fx-kpi em{font-style:normal;color:#35b7a5;font-size:7px}.fx-chartrow{display:grid;grid-template-columns:1.5fr .8fr;gap:8px;margin-top:8px}.fx-chartbox,.fx-listbox{background:#fff;border:1px solid #e8edf4;border-radius:9px;padding:10px}.fx-chartbox strong,.fx-listbox strong{font-size:9px;color:#15253d}.fx-bars{height:120px;display:flex;align-items:flex-end;gap:7px;margin-top:10px}.fx-bars i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#41cdbb,#5f87c8)}.fx-listbox p{font-size:7px;color:#748198;border-bottom:1px solid #eef1f5;padding:8px 0;margin:0}.fx-feature-strip{background:#fff;border-bottom:1px solid #edf1f5}.fx-feature-strip .fx-container{display:grid;grid-template-columns:repeat(5,1fr);padding:14px 0;gap:12px}.fx-mini{text-align:center;font-size:10px;color:#2b405d}.fx-mini b{display:block;color:#1d9d8e;font-size:14px;margin-bottom:2px}.fx-section{padding:78px 0}.fx-section.soft{background:#f7f9fc}.fx-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.fx-section h2{font-size:32px;line-height:1.3;margin:0 0 12px;color:#0b1730}.fx-section p{color:#6d788b;line-height:2;font-size:14px}.fx-solution{color:#29a895!important;font-weight:800;font-size:20px!important}.fx-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fx-problem{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:22px;text-align:right;box-shadow:0 8px 25px rgba(17,31,53,.05)}.fx-problem .x{width:30px;height:30px;border:1px solid #ef9a9a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#df6d6d;margin-bottom:18px}.fx-problem h3{font-size:14px;margin:0 0 6px}.fx-problem p{font-size:11px;margin:0}.fx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fx-step{background:#fff;border:1px solid #e9edf3;border-radius:16px;padding:24px;position:relative;text-align:center}.fx-step .num{color:#32aa9a;font-weight:800;font-size:12px}.fx-step .icon{font-size:27px;margin:12px}.fx-step h3{font-size:14px;margin:0 0 6px}.fx-step p{font-size:11px;margin:0}.fx-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.fx-role-tabs{display:flex;gap:7px;margin-top:18px}.fx-role-tabs span{padding:8px 14px;border:1px solid #dfe5ed;border-radius:8px;font-size:11px;color:#637087}.fx-role-tabs .on{background:#071521;color:#fff}.fx-light-dashboard{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:12px;box-shadow:0 20px 55px rgba(16,30,52,.1)}.fx-light-dashboard .fx-dash-ui{min-height:260px}.fx-features{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.fx-feature{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px 13px;text-align:center}.fx-feature .fi{font-size:24px;margin-bottom:8px}.fx-feature h3{font-size:12px;margin:0 0 6px}.fx-feature p{font-size:10px;line-height:1.7;margin:0}.fx-security{background:#07111f;color:#fff}.fx-security .fx-container{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.fx-security h2{color:#fff}.fx-security p{color:#aebdce}.fx-security-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fx-sec{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:14px;padding:18px}.fx-sec b{display:block;color:#6cddcc;font-size:13px;margin-bottom:4px}.fx-sec span{font-size:10px;color:#9babbf}.fx-final{padding:60px 0;background:#fff}.fx-finalbox{background:linear-gradient(120deg,#fff,#eef5fa);border:1px solid #e4eaf0;border-radius:20px;padding:34px 44px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.fx-finalbox h2{font-size:25px;margin:0 0 7px}.fx-finalbox p{font-size:12px;margin:0 0 16px}.fx-school{font-size:70px;opacity:.18}.fx-footer{background:#07111f;color:#9caec2;padding:38px 0 18px}.fx-footer .fx-container{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.fx-footer h4{color:#fff;font-size:12px;margin:0 0 12px}.fx-footer a,.fx-footer p{font-size:10px;color:#9caec2;display:block;line-height:2;margin:0}.fx-footer img{height:44px}.fx-copyline{text-align:center;border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:15px;font-size:9px}
/* dashboard */
body.dashboard-page{background:#070c15}.dashboard-page #app{direction:rtl}.dashboard-page main{background:radial-gradient(circle at 88% 0,rgba(56,199,182,.08),transparent 28%),#070c15!important}.dashboard-page .page-title{font-size:28px!important;color:#f5f8ff!important}.dashboard-page .page-sub{color:#7f8ea5!important}.dashboard-page .card,.dashboard-page .stat-card,.dashboard-page .folder-card,.dashboard-page .report-item{border:1px solid rgba(255,255,255,.065)!important;background:linear-gradient(145deg,#101a29,#0b1320)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;color:#edf3fb}.dashboard-page .stat-label{color:#72829a!important}.dashboard-page .stat-value{color:#f5f8ff!important}.dashboard-page .stat-icon{background:#112733!important}.dashboard-page h2{color:#f2f6fc!important}.dashboard-page .folder-card .fname{color:#f2f6fc}.dashboard-page .folder-card .fmeta,.dashboard-page .ri-meta{color:#7f8ea5}.dashboard-page .folder-card .fcount{background:#0d2c2c;color:#62dccb}.dashboard-page .charts-grid{gap:18px}.dashboard-page .note{background:#0c1c28;color:#a8bacd;border:1px solid #1d3548}.dashboard-page .sidebar{background:linear-gradient(180deg,#0a1422,#060b14)!important;border-left:1px solid rgba(255,255,255,.07)}.dashboard-page .sidebar .brand{border-bottom-color:rgba(255,255,255,.06)}.dashboard-page .nav-btn{color:#8d9bb0}.dashboard-page .nav-btn.active{background:linear-gradient(135deg,#164a52,#153a58)!important;color:#66ddcc!important;box-shadow:inset 0 0 0 1px rgba(69,205,185,.15)}.dashboard-page .nav-btn:hover{background:rgba(255,255,255,.04);color:#fff}.dashboard-page .theme-toggle{background:#0e1b2a!important;color:#9aa9bc!important;border-color:#203249!important}.dashboard-page .sidebar-foot{color:#64748b!important}.dashboard-page input,.dashboard-page textarea,.dashboard-page select{background:#0b1420!important;color:#eaf0f8!important;border-color:#213149!important}.dashboard-page table td,.dashboard-page table th{border-color:#1b2a3d!important}.dashboard-page table th{color:#7f8ea5!important}.dashboard-page .btn-ghost{background:#122338!important;color:#76decf!important;border-color:#28415a!important}.dashboard-page .tabs{border-color:#1c2b40}.dashboard-page .tab-btn{color:#7e8da3}.dashboard-page .tab-btn.active{color:#61dccb;border-bottom-color:#39c9b6}.fx-dashboard-page-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.fx-alerts{display:flex;flex-direction:column;gap:9px}.fx-alert{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0c1624}.fx-alert b{display:block;font-size:11px;color:#f1f5fb}.fx-alert span{font-size:9px;color:#71829a}.fx-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.fx-quick a{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0d1725;color:#dce6f2;font-size:11px}.fx-quick small{display:block;color:#71839b;margin-top:5px;font-size:9px}.super-page .super-kpis{grid-template-columns:repeat(6,1fr)}.super-page .stat-card{min-width:0}.super-page .kpi-trend{color:#71829a}.super-page .charts-grid{grid-template-columns:1.5fr 1fr}.super-page .tab-pane .card{background:linear-gradient(145deg,#0f1927,#0b1320)!important}
@media(max-width:1000px){.fx-navlinks{display:none}.fx-hero .fx-container,.fx-split,.fx-showcase,.fx-security .fx-container{grid-template-columns:1fr}.fx-copy{text-align:center}.fx-copy p{margin-left:auto;margin-right:auto}.fx-actions,.fx-trust{justify-content:center}.fx-feature-strip .fx-container{grid-template-columns:repeat(3,1fr)}.fx-features{grid-template-columns:repeat(3,1fr)}.fx-footer .fx-container{grid-template-columns:repeat(2,1fr)}.fx-dashboard-page-grid{grid-template-columns:1fr}.super-page .super-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.fx-nav-actions .fx-login{display:none}.fx-copy h1{font-size:35px}.fx-dash-ui{grid-template-columns:105px 1fr}.fx-kpis{grid-template-columns:repeat(2,1fr)}.fx-chartrow{grid-template-columns:1fr}.fx-problems,.fx-steps{grid-template-columns:1fr}.fx-feature-strip .fx-container{grid-template-columns:repeat(2,1fr)}.fx-features{grid-template-columns:repeat(2,1fr)}.fx-finalbox{padding:25px;display:block;text-align:center}.fx-school{display:none}.fx-footer .fx-container{grid-template-columns:1fr}.fx-security-list{grid-template-columns:1fr}.fx-quick{grid-template-columns:repeat(2,1fr)}.super-page .super-kpis{grid-template-columns:repeat(2,1fr)}}