:root{--bg:#050b18;--navy:#071225;--navy2:#0d2147;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.115);--gold:#d7b46a;--gold2:#ffe18c;--cyan:#40e2dd;--emerald:#40d98a;--purple:#9b6bff;--text:#f8fbff;--muted:#aebbd2;--line:rgba(255,255,255,.14);--danger:#ef6262;--shadow:0 24px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Inter,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}body.ltr{font-family:Inter,Tajawal,Arial,sans-serif}.lux-bg{position:fixed;inset:0;background:radial-gradient(circle at 18% 8%,rgba(64,226,221,.22),transparent 28%),radial-gradient(circle at 82% 15%,rgba(215,180,106,.21),transparent 30%),radial-gradient(circle at 52% 72%,rgba(155,107,255,.16),transparent 32%),linear-gradient(135deg,#050914,#071225 45%,#0b2b57);z-index:-3}.lux-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent)}.orb{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(38px);opacity:.26;z-index:-2}.orb.o1{background:var(--cyan);top:16%;left:4%;animation:float 8s ease-in-out infinite}.orb.o2{background:var(--gold);right:6%;bottom:6%;animation:float 10s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(-28px) translateX(22px)}}a{color:inherit;text-decoration:none}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:20;background:rgba(5,11,24,.74);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.logo-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--gold2),var(--cyan));display:grid;place-items:center;color:#061126;font-weight:900;font-size:25px;box-shadow:0 16px 50px rgba(64,226,221,.24);position:relative}.logo-mark:after{content:"";position:absolute;width:10px;height:10px;background:var(--emerald);border:3px solid var(--navy);border-radius:50%;right:-3px;bottom:6px}.brand b{font-size:22px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a{color:#dce7f8;font-weight:700}.topbar nav a:hover,.topbar nav a.active{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#061126;border:0;border-radius:16px;padding:14px 22px;font-weight:900;cursor:pointer;box-shadow:0 12px 32px rgba(215,180,106,.24);font-family:inherit}.btn.small{padding:10px 16px;border-radius:13px}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);box-shadow:none}.lang-switch{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);padding:9px 13px;border-radius:14px;color:#fff!important}.hero{padding:86px 5% 58px;display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}.badge{display:inline-flex;border:1px solid rgba(215,180,106,.45);background:rgba(215,180,106,.1);color:var(--gold2);border-radius:99px;padding:9px 14px;font-weight:900}.hero h1{font-size:58px;line-height:1.12;margin:22px 0 18px;letter-spacing:-1.4px}.hero p{font-size:21px;color:#d6deed;line-height:1.8}.actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.glass{background:linear-gradient(180deg,rgba(255,255,255,.125),rgba(255,255,255,.055));border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero-card{padding:28px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-80px -60px auto auto;width:210px;height:210px;background:radial-gradient(circle,var(--gold),transparent 65%);opacity:.16}.score{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:18px;border-radius:22px;background:rgba(255,255,255,.072);border:1px solid var(--line)}.score b{font-size:34px;color:var(--gold2)}.section{padding:58px 5%}.section h2{font-size:38px;margin:0 0 12px}.section>p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{padding:24px;border-radius:26px;background:var(--panel);border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.16)}.card:hover{transform:translateY(-3px);transition:.22s;border-color:rgba(215,180,106,.35)}.iconbox{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(215,180,106,.24),rgba(64,226,221,.16));font-size:25px;margin-bottom:12px}.card h3{margin-top:0;color:#fff}.card p,.muted{color:var(--muted);line-height:1.7}.login-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:40px 5%}.panel{width:min(540px,100%);padding:32px}.form-row{margin-bottom:16px}label{display:block;margin-bottom:8px;color:#d7dfef;font-weight:800}input,select,textarea{width:100%;padding:15px 16px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.085);color:#fff;font-family:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(215,180,106,.55);box-shadow:0 0 0 4px rgba(215,180,106,.09)}option{color:#07152f}textarea{min-height:110px}.layout{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 86px)}body.ltr .layout{grid-template-columns:300px 1fr}.sidebar{border-left:1px solid var(--line);padding:22px;background:rgba(5,11,26,.48);position:sticky;top:86px;height:calc(100vh - 86px);overflow:auto}body.ltr .sidebar{border-left:0;border-right:1px solid var(--line)}.side-title{color:var(--muted);font-weight:800;margin:6px 12px 14px}.sidebar a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:16px;margin-bottom:8px;color:#dbe5f6;font-weight:800}.sidebar a .ico{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);font-size:17px}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,rgba(215,180,106,.18),rgba(255,255,255,.055));color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(215,180,106,.22)}.content{padding:34px 4%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:36px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));border:1px solid var(--line);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;inset:auto -30px -50px auto;width:130px;height:130px;border-radius:50%;background:var(--accent,var(--gold));opacity:.13}.kpi .mini{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:23px;margin-bottom:16px}.kpi span{color:var(--muted);font-weight:800}.kpi b{display:block;font-size:33px;margin-top:8px;color:var(--gold2)}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.chart-card{min-height:330px}.pill{display:inline-flex;padding:7px 11px;border-radius:99px;background:rgba(64,217,138,.12);color:#95ffc4;font-weight:900;border:1px solid rgba(64,217,138,.22)}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;overflow:hidden;border-radius:18px;border:1px solid var(--line)}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:right}body.ltr th,body.ltr td{text-align:left}tr:last-child td{border-bottom:0}th{color:var(--gold2);background:rgba(255,255,255,.07)}.status{padding:7px 11px;border-radius:99px;background:rgba(64,226,221,.13);color:#8ff5ef;font-weight:900}.alert{padding:14px 16px;border-radius:14px;margin:12px 0;background:rgba(68,210,141,.12);border:1px solid rgba(68,210,141,.25);color:#dfffee}.footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);border-top:1px solid var(--line);padding:22px 5%;background:rgba(5,11,26,.48)}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.chip{padding:13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);color:#dce6f8;font-weight:800;text-align:center}@media(max-width:1050px){.hero,.layout,.dash-grid{grid-template-columns:1fr}.sidebar{position:relative;top:0;height:auto;border-left:0;border-right:0;border-bottom:1px solid var(--line)}.grid,.kpis,.feature-row{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}}@media(max-width:650px){.topbar{height:auto;padding:14px 5%;flex-wrap:wrap}.topbar nav{gap:10px;flex-wrap:wrap}.grid,.kpis,.feature-row{grid-template-columns:1fr}.hero h1{font-size:36px}.page-head{display:block}}