:root{--ink:#122f32;--deep:#102e33;--muted:#70877d;--line:#e0eae2;--bg:#f3f7f1;--lime:#cafe73;--green:#3d765c}*{box-sizing:border-box}body{background:var(--bg);margin:0;color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}
.top{min-height:75px;padding:15px 4.5%;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.identity{display:flex;align-items:center;gap:12px;direction:ltr}.logo{width:39px;height:39px;background:var(--deep);color:#d0ff72;border-radius:12px;display:grid;place-items:center;font:bold 26px Outfit}.identity strong{font:bold 18px Outfit;letter-spacing:.06em}.toplinks{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toplinks a,.toplinks button{border:1px solid #e1eae1;border-radius:10px;background:#fff;color:#38584c;font-size:12px;padding:10px 13px}
main{max-width:1200px;margin:0 auto;padding:42px 20px 90px}.eyebrow{color:#598d6a;font:bold 11px Outfit;letter-spacing:2px}.head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:28px}.head h1{font-size:clamp(26px,4vw,43px);margin:9px 0}.head p{color:var(--muted);margin:0;font-size:13px;line-height:2}.panel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px;box-shadow:0 12px 38px #26452d09}.two{display:grid;grid-template-columns:.84fr 1.16fr;gap:18px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.tab{border:1px solid #dfebdf;border-radius:10px;padding:11px 16px;background:#fff;color:#6c8071;font-weight:700;font-size:13px}.tab.active{background:var(--deep);color:#fff}.panel h2{font-size:19px;margin:0 0 8px}.panel h3{font-size:15px;margin:0 0 8px}.panel p{color:var(--muted);font-size:12px;line-height:1.9}.field{display:grid;gap:8px;margin:15px 0}.field label{font-weight:700;font-size:12px}.field small{font-size:11px;color:#8b9a90}.field input,.field select,.field textarea{min-height:46px;background:#fcfdfb;border:1px solid #dce6dc;border-radius:10px;padding:11px 13px;color:var(--ink);outline-color:#8abf9c;width:100%}.field textarea{min-height:96px;resize:vertical}.ltr{direction:ltr;text-align:left;font-family:Outfit,'IBM Plex Sans Arabic',sans-serif}.btn{border:0;border-radius:10px;padding:13px 20px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--deep);color:#fff}.btn.ghost{background:#e9f1e9;color:#355a45}.btn.warn{background:#fff1dc;color:#96611c}.btn:disabled{opacity:.5;cursor:not-allowed}.note{background:#f0f7e8;border:1px solid #e1edcf;border-radius:10px;padding:13px;font-size:12px;color:#537253;line-height:1.9;margin:13px 0}.warnbox{background:#fff7e9;border:1px solid #f3e4c3;border-radius:10px;padding:13px;font-size:12px;color:#88662e;line-height:2;margin:13px 0}.error{color:#c25037;font-size:12px;line-height:1.9;white-space:pre-wrap;min-height:10px}.success{color:#248456;font-size:12px;line-height:1.9}.list{display:grid;gap:11px}.item{border:1px solid var(--line);padding:15px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.item strong{font-size:14px}.item small{display:block;color:#90a196;font-size:11px;margin-top:4px}.state{font-size:10px;display:inline-block;padding:6px 9px;border-radius:9px;background:#e9f4e9;color:#447958;font-weight:700}.state.off{background:#f6f2e5;color:#987932}.mini{font:700 11px Outfit;letter-spacing:.03em}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}.kpi{background:#fff;padding:18px;border-radius:14px;border:1px solid var(--line)}.kpi b{display:block;font:800 30px Outfit}.kpi small{color:#80958a;font-size:11px}.gridcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}.qr-card{border:1px solid #dce8de;border-radius:16px;padding:17px;background:#fff;text-align:center}.qr-box{margin:12px auto;display:flex;align-items:center;justify-content:center;min-height:190px}.qr-box canvas,.qr-box img{max-width:100%;height:auto}.qr-card h3{font:800 15px Outfit;direction:ltr;margin:12px 0 5px}.qr-card small{font-size:10px;color:#82958a}.activation-secret{font:700 13px Outfit;direction:ltr;letter-spacing:1px;padding:12px;border:1px dashed #d4e1d5;border-radius:9px;background:#f7faf6;margin-top:12px;overflow-wrap:anywhere}.qr-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:13px}.qr-actions button{border:1px solid #dce8de;background:#fff;color:#40614d;border-radius:9px;padding:9px 10px;font-size:11px}.empty{padding:45px 20px;text-align:center;color:#84988a;font-size:13px}.empty span{font-size:40px;display:block;margin-bottom:8px}.alert{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;align-items:start;justify-content:space-between;gap:10px}.alert p{margin:5px 0 0}.alert time{font:11px Outfit;color:#8aa095;white-space:nowrap}.auth-card{max-width:530px;margin:55px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}hr{border:0;border-top:1px solid #edf0ed;margin:25px 0}.muted{font-size:11px;color:#8d9f92}.gating{max-width:700px;margin:35px auto}.headline-number{font:800 14px Outfit;direction:ltr}.toast{position:fixed;left:20px;bottom:20px;background:#153630;color:#fff;border-radius:10px;padding:14px 20px;box-shadow:0 12px 40px #0002;z-index:50;font-size:12px;max-width:400px}
@media(max-width:850px){main{padding:28px 12px 70px}.two{grid-template-columns:1fr}.three,.kpis{grid-template-columns:repeat(2,1fr)}.panel{padding:19px}.top{padding:13px}.toplinks a,.toplinks button{font-size:10px;padding:9px}.head{align-items:start}}
@media(max-width:520px){.form-grid,.three,.kpis{grid-template-columns:1fr}.head h1{font-size:29px}.item{flex-direction:column;align-items:stretch}.toplinks{justify-content:end}.logo{width:34px;height:34px}.identity strong{font-size:14px}}

/* Phase 9 phone-only authentication */
#authTurnstile{min-height:65px;direction:ltr;display:flex;justify-content:flex-start}#authCodeForm[hidden],#authForm[hidden]{display:none!important}.legacy-entry{display:block;margin-top:16px;color:#396f54;font-size:12px;text-decoration:underline;text-underline-offset:3px}.auth-card h2{font-size:25px}#ownerPhone[readonly]{background:#eef5ed;color:#3b5d50;font-weight:700}#legacyNotice a{color:#155842;text-decoration:underline}