@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--ink:#18231e;--muted:#708078;--cream:#f4f2eb;--card:#fff;--green:#174f3b;--gold:#c59b55;--line:#e5e8e5;--danger:#b54545}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input{font:inherit}.guest-body{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#d9e4dc 0,transparent 33%),var(--cream)}.guest-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 80px #2844361a}.brand-panel{padding:70px;color:#fff;background:linear-gradient(145deg,#103a2c,#1e6149);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff18;border-radius:50%;left:-180px;bottom:-220px;box-shadow:0 0 0 70px #ffffff08}.brand-mark,.logo span{width:58px;height:58px;border-radius:18px;background:var(--gold);display:grid;place-items:center;color:#fff;font-weight:800;font-size:26px}.brand-panel h1{font-size:48px;line-height:1.15;margin:20px 0}.brand-panel p{color:#d2e0da;font-size:18px;line-height:1.8;max-width:430px}.brand-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.brand-points span{background:#ffffff12;padding:10px 14px;border-radius:99px}.form-panel{padding:55px;display:grid;align-items:center;overflow:auto}.form-card{max-width:500px;width:100%;margin:auto}.form-card.install{max-width:620px}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--gold)}h2{font-size:32px;margin:8px 0}.muted{color:var(--muted);line-height:1.7}.stack{display:grid;gap:16px;margin-top:28px}.stack label{font-size:14px;font-weight:700;display:grid;gap:8px}.stack input{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fafbf9;outline:none;direction:rtl}.stack input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c59b5518}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-title{font-weight:800;border-bottom:1px solid var(--line);padding:12px 0 8px;color:var(--green)}.primary{height:54px;border:0;border-radius:13px;padding:0 20px;background:var(--green);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.primary:hover{background:#0f3e2e}.alert{padding:12px 14px;border-radius:10px;margin-top:14px;font-size:14px}.alert.error{background:#fff0f0;color:#9f3333}.alert.success{background:#eaf8f0;color:#226b45}.app-body{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:#123d2f;color:#fff;padding:26px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:19px}.logo span{width:42px;height:42px;border-radius:12px;font-size:20px}.sidebar nav{display:grid;gap:8px;margin-top:55px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#bad0c8;text-decoration:none;border-radius:11px}.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar nav a small{margin-right:auto;font-size:10px;background:#ffffff10;padding:4px 7px;border-radius:12px}.sidebar nav a.disabled{opacity:.55}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff14;padding-top:18px;display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:800}.sidebar-user div:nth-child(2){display:grid}.sidebar-user small{color:#9ab9ad}.sidebar-user form{margin-right:auto}.sidebar-user button{border:0;background:none;color:#fff;font-size:21px;cursor:pointer}.main{margin-right:260px;padding:30px 38px;min-height:100vh}.main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.main>header h2{margin:3px 0;font-size:25px}.status-dot{color:#327357;font-size:13px}.status-dot:before{content:"";display:inline-block;width:8px;height:8px;background:#3fad78;border-radius:50%;margin-left:7px}.welcome{background:linear-gradient(120deg,#fff,#f7f9f6);padding:30px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:space-between}.welcome h1{margin:5px 0;font-size:30px}.welcome p{color:var(--muted);margin-bottom:0}.date-box{background:#eef3ef;padding:16px 22px;border-radius:12px;display:grid;gap:3px}.date-box small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.stats article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;gap:14px}.stats small{color:var(--muted)}.stats strong{display:block;font-size:29px;margin-top:4px}.stats p{font-size:12px;color:var(--muted);margin:0}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-weight:800}.amber{background:#fff4df;color:#a46d18}.green{background:#e7f6ed;color:#2b7b4c}.red{background:#fceaea;color:#b84a4a}.blue{background:#e9f1fb;color:#376ea9}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h3{margin:5px 0 15px}.badge{background:#e8f6ed;color:#27754a;padding:6px 10px;border-radius:99px;font-size:12px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks p{margin:0;padding:11px;background:#f8faf8;border-radius:10px}.checks span{color:#2d8b58;margin-left:7px}.next{background:#183f32;color:#fff}.next p{color:#c1d4cc;line-height:1.8}.progress{height:7px;background:#ffffff1c;border-radius:10px;margin-top:30px}.progress span{height:100%;display:block;background:var(--gold);border-radius:10px}.next>small{display:block;margin-top:10px;color:#a9c1b8}.main footer{text-align:center;color:var(--muted);font-size:12px;margin-top:35px}@media(max-width:980px){.guest-shell{grid-template-columns:1fr}.brand-panel{display:none}.stats{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{width:82px;padding:22px 14px}.logo b,.sidebar nav a:not(.active),.sidebar nav a i+*,.sidebar-user div:nth-child(2),.sidebar-user form{display:none}.logo{justify-content:center}.sidebar nav a{justify-content:center}.main{margin-right:82px;padding:24px}}@media(max-width:600px){.guest-body{padding:0}.guest-shell{min-height:100vh;border-radius:0}.form-panel{padding:28px 20px}.grid-2,.stats,.checks{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:68px;flex-direction:row;align-items:center}.sidebar nav{margin:0 auto}.sidebar nav a.active{padding:10px}.sidebar-user{display:none}.main{margin:0;padding:18px}.main>header{margin-bottom:18px}.main>header>div:first-child .eyebrow{display:none}.welcome{align-items:flex-start}.date-box{display:none}.welcome h1{font-size:24px}.stats article{padding:15px}}