@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#172b43;font-synthesis:none;text-rendering:optimizelegibility;background:#f7fafd;font-family:IBM Plex Sans Arabic,Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.auth-page{background:#f7fafd;grid-template-columns:1.13fr .87fr;min-height:100vh;display:grid}.auth-visual{color:#fff;isolation:isolate;background:linear-gradient(145deg,#062e66 0%,#0b5cad 46%,#64afe6 100%);flex-direction:column;justify-content:space-between;padding:35px 6vw 38px;display:flex;position:relative;overflow:hidden}.auth-visual:after{content:"";z-index:-1;background:#ffffff1a;border-radius:50% 50% 0 0/35% 35% 0 0;height:56%;position:absolute;inset:auto -10% -24%;transform:rotate(-7deg)}.visual-top,.side-brand{z-index:2;justify-content:space-between;align-items:center;display:flex}.brand{color:#0d2340;letter-spacing:-.7px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand img{object-fit:cover;object-position:left;border-radius:12px;width:40px;height:40px}.brand span span{color:#0b67cf}.auth-visual .brand{color:#fff}.auth-visual .brand span span{color:#b9e0ff}.languages{color:inherit;align-items:center;gap:3px;display:flex}.languages button{color:inherit;opacity:.65;background:0 0;border-radius:7px;padding:6px 7px;font-size:11px}.languages button.active{opacity:1;background:#ffffff2e;font-weight:700}.hero-copy{z-index:2;max-width:560px;margin:5vh 0}.eyebrow{opacity:.86;align-items:center;gap:7px;margin-bottom:22px;font-size:12px;display:flex}.hero-copy h1{letter-spacing:-2.5px;margin:0 0 22px;font-size:clamp(38px,5vw,72px);font-weight:700;line-height:1.18}.hero-copy h1 em{color:#d9efff;font-style:normal}.hero-copy p{color:#d6eaff;max-width:450px;margin:0 0 30px;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:12px;display:flex}.primary,.ghost,.submit,.outline{border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:600;transition:all .2s;display:inline-flex}.primary,.submit{color:#fff;background:#0b67cf;box-shadow:0 10px 25px #0b67cf2e}.auth-visual .primary{color:#0b5cad;background:#fff}.primary:hover,.submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.ghost{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d}.signal-card{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff24;border:1px solid #fff3;border-radius:15px;align-items:center;gap:12px;width:max-content;padding:11px 15px;display:flex;box-shadow:0 10px 35px #062e6626}.signal-card small,.signal-card span{color:#d0e8ff;font-size:11px;display:block}.signal-card strong{font-size:25px;line-height:1.1;display:block}.pulse-icon{color:#0b67cf;background:#fff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.signal-card>span{margin-inline-start:13px}.foot-shape{opacity:.1;z-index:-1;position:absolute;inset:35% -3% auto auto;transform:rotate(-20deg)}.orb{filter:blur(2px);opacity:.2;z-index:-1;border-radius:50%;position:absolute}.orb-one{background:#bfe9ff;width:370px;height:370px;top:-130px;right:-140px}.orb-two{background:#0a3b7b;width:250px;height:250px;bottom:20%;left:-100px}.login-panel{background:#fff;justify-content:center;align-items:center;display:flex}.login-wrap{width:min(390px,82%)}.mobile-brand{display:none}.login-header{text-align:center;margin-bottom:33px}.mini-mark{color:#0b5cad;background:#eaf3fc;border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 17px;display:grid}.kicker{color:#0b67cf;letter-spacing:.5px;margin:0 0 9px;font-size:12px;font-weight:700}.login-header h2{letter-spacing:-.7px;margin:0 0 8px;font-size:28px}.login-header>p:last-child{color:#718096;margin:0;font-size:13px}.login-wrap form{gap:17px;display:grid}.login-wrap label{color:#2a3d55;font-size:12px;font-weight:600}.field{color:#7d91a6;border:1px solid #e4ebf2;border-radius:10px;align-items:center;gap:10px;height:48px;margin-top:8px;padding:0 14px;transition:all .2s;display:flex}.field:focus-within{border-color:#62a9e9;box-shadow:0 0 0 4px #eaf3fc}.field input{color:#172b43;background:0 0;border:0;outline:0;width:100%;font-size:13px}.form-meta{justify-content:space-between;align-items:center;font-size:11px;display:flex;font-weight:400!important}.check{align-items:center;gap:5px;display:flex;color:#718096!important}.check input{accent-color:#0b67cf}.form-meta a{color:#0b67cf;text-decoration:none}.submit{border-radius:10px;width:100%;height:48px;margin-top:2px}.submit:disabled{opacity:.65;cursor:wait}.error{color:#b33535;background:#fff0f0;border:1px solid #ffd3d3;border-radius:8px;padding:10px;font-size:12px}.form-footer{color:#9aaabd;justify-content:center;gap:8px;margin-top:62px;font-size:10px;display:flex}.form-footer a{color:#73869b;text-decoration:none}.dashboard{min-width:0}.app-shell{background:#f7fafd;min-height:100vh;display:flex}aside{background:#fff;border-left:1px solid #edf1f5;flex-direction:column;flex-shrink:0;width:245px;padding:29px 18px 22px;display:flex}.side-brand .brand{font-size:16px}.side-brand .brand img{border-radius:9px;width:32px;height:32px}.close,.menu{color:#667c92;background:0 0;display:none}nav{gap:7px;margin-top:50px;display:grid}nav button,.side-bottom button{color:#718096;text-align:start;background:0 0;border-radius:10px;align-items:center;gap:11px;padding:12px 13px;font-size:13px;display:flex;position:relative}nav button.selected{color:#0b5cad;background:#eaf3fc;font-weight:700}nav button.selected i{background:#0b67cf;border-radius:50%;width:5px;height:5px;position:absolute;inset-inline-end:7px}.side-bottom{border-top:1px solid #f0f3f6;gap:4px;margin-top:auto;padding-top:15px;display:grid}.topbar{background:#fff;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;height:95px;padding:0 40px;display:flex}.topbar h1{margin:0;font-size:20px;font-weight:600}.topbar h1 span{color:#0b5cad}.date-label{color:#91a0b0;margin:0 0 4px;font-size:11px}.top-actions{align-items:center;gap:16px;display:flex}.top-actions .languages{color:#5e738a;border-left:1px solid #e4ebf2;padding-left:14px}.icon-btn{color:#60768e;background:#f5f8fb;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:relative}.icon-btn i{background:#e25858;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.avatar{color:#0b5cad;background:#dfeefa;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.content{padding:40px}.content-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.content-heading h2{letter-spacing:-.8px;margin:0;font-size:27px}.outline{color:#61778e;background:#fff;border:1px solid #e4ebf2;padding:9px 13px;font-size:11px}.stats-grid{grid-template-columns:1.4fr 1fr 1fr;gap:16px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e7edf3;border-radius:16px;box-shadow:0 8px 30px #1b3d5e09}.stat-card{min-height:164px;padding:20px}.stat-head{color:#6e8296;align-items:center;gap:10px;font-size:12px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.stat-icon svg{width:17px}.blue{color:#0b67cf;background:#eaf3fc}.green{color:#159365;background:#e6f7f0}.sky{color:#248fc3;background:#e7f5fc}.empty-stat{flex-direction:column;gap:5px;margin-top:23px;display:flex}.empty-stat strong{color:#becbd6;font-size:28px;font-weight:500;line-height:1}.empty-stat span{color:#97a8b7;font-size:11px}.lower-grid{grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{min-height:335px;padding:22px}.panel-title{justify-content:space-between;align-items:start;gap:18px;display:flex}.panel-title h3{margin:0 0 7px;font-size:16px}.panel-title p{color:#8394a5;max-width:430px;margin:0;font-size:11px;line-height:1.7}.panel-title>svg{color:#9eb1c1}.small{white-space:nowrap;padding:10px 13px;font-size:11px}.chart-empty{color:#9aabba;border:1px dashed #dce7f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:11px;height:230px;margin-top:20px;font-size:11px;display:flex;position:relative;overflow:hidden}.chart-grid{opacity:.6;background-color:#0000;background-image:linear-gradient(#eaf1f6 1px,#0000 1px),linear-gradient(90deg,#eaf1f6 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 33%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.empty-ring{color:#8aaac5;background:#f0f6fb;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative}.chart-empty span{position:relative}.alert-empty{color:#9aabba;flex-direction:column;justify-content:center;align-items:center;gap:11px;height:220px;font-size:11px;display:flex}.alert-empty svg{color:#9fc0d9}.disclaimer{color:#96a6b5;justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:10px;display:flex}.disclaimer svg{color:#76a6cb}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:470px;padding:25px 7vw}.hero-copy{margin:3vh 0}.hero-copy h1{font-size:42px}.login-panel{min-height:500px;padding:55px 0}.app-shell aside{z-index:5;transition:all .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:10px 0 30px #11395b22}.app-shell aside.open{transform:translate(0)}.close,.menu{place-items:center;display:grid}.dashboard{width:100%}.menu{margin-inline-end:15px}.topbar{padding:0 20px}.topbar>div:first-of-type{flex:1}.content{padding:25px 20px}.stats-grid{grid-template-columns:1fr 1fr}.wide{grid-column:span 2}.lower-grid{grid-template-columns:1fr}}@media (width<=560px){.auth-visual{min-height:530px}.signal-card{margin-top:16px}.hero-copy p{font-size:14px}.hero-actions{flex-wrap:wrap}.ghost{background:0 0;padding-inline:4px}.login-wrap{width:calc(100% - 42px)}.mobile-brand{top:22px;display:block;position:absolute;inset-inline-start:22px}.login-panel{position:relative}.login-header{margin-top:36px}.topbar{height:82px}.top-actions .languages{display:none}.topbar h1{font-size:16px}.content-heading{align-items:start;gap:10px}.content-heading h2{font-size:23px}.outline{display:none}.stats-grid{grid-template-columns:1fr}.wide{grid-column:auto}.lower-grid{margin-top:14px}.panel{padding:17px}.panel-title{display:block}.panel-title .small{margin-top:15px}.disclaimer{text-align:center;align-items:start}}.brand .mark{background:#0b67cf url(/logo.png) -19px -8px/175px 117px no-repeat;border-radius:12px;flex:0 0 40px;width:40px;height:40px;display:block;box-shadow:0 5px 12px #0b5cad33}.brand>span:not(.mark) span{color:#0b67cf}.auth-visual .brand>span:not(.mark) span{color:#b9e0ff}.side-brand .brand .mark{background-position:-15px -6px;background-size:140px 93px;border-radius:9px;flex-basis:32px;width:32px;height:32px}.text-button,.switch-auth{color:#0b67cf;background:0 0;border:0;padding:0;font-size:11px}.text-button{font-weight:400}.google-button{color:#40556b;background:#fff;border:1px solid #e0e8ef;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;height:46px;margin-top:13px;font-size:12px;font-weight:600;display:flex}.google-button:hover{background:#f8fbfe;border-color:#b9d3e9}.switch-auth{margin:19px auto 0;font-weight:600;display:block}.google-button:disabled{opacity:.6;cursor:wait}.section-panel{flex-direction:column;justify-content:center;align-items:flex-start;max-width:680px;min-height:340px;padding:42px;display:flex}.section-panel .section-icon{color:#0b67cf;background:#eaf3fc;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.section-panel h3{margin:0 0 10px;font-size:22px}.section-panel p{color:#7b8fa2;max-width:520px;margin:0 0 24px;font-size:13px;line-height:1.9}.section-panel .primary,.section-panel .outline{font-size:12px}.simulation-banner{color:#8e6a1d;background:#fff8e9;border:1px solid #f4dfad;border-radius:11px;align-items:center;gap:9px;margin:-5px 0 18px;padding:12px 15px;font-size:11px;display:flex}.simulation-banner button{color:#8e6a1d;background:0 0;margin-inline-start:auto;font-size:11px;text-decoration:underline}.fake-line{border-bottom:3px solid #2e8be2;border-radius:50%;width:82%;height:92px;position:relative;transform:skewY(-7deg);box-shadow:0 9px 0 -7px #9ad1fb,0 18px 0 -14px #d5ecff}.chart-empty .fake-line+span{margin-top:18px}.panel-field{color:#536b82;gap:8px;width:min(100%,420px);margin-bottom:16px;font-size:12px;display:grid}.panel-field input{color:#172b43;background:#fff;border:1px solid #e1eaf1;border-radius:9px;outline:none;height:44px;padding:0 12px}.panel-field input:focus{border-color:#65a9e4;box-shadow:0 0 0 4px #eaf3fc}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-signout{margin-top:20px}.assigned-list{color:#61778e;border-top:1px solid #edf2f6;gap:7px;width:min(100%,420px);margin-top:20px;padding-top:15px;font-size:11px;display:grid}.assigned-list span{text-align:left;direction:ltr;background:#f4f8fb;border:1px solid #e4edf3;border-radius:8px;padding:8px 10px;font-family:monospace}.admin-status{color:#168153;background:#eef8f3;border-radius:8px;margin-top:15px;padding:9px 12px;font-size:11px}.table-panel{background:#fff;border:1px solid #e7edf3;border-radius:16px;min-height:340px;padding:22px}.status-pill{border-radius:999px;padding:6px 9px;font-size:10px}.simulated{color:#9b741d;background:#fff4da}.data-table{margin-top:23px;overflow:auto}.table-row{color:#60768b;border-bottom:1px solid #eef3f6;grid-template-columns:1.3fr 1fr 1fr 1.1fr .7fr;gap:14px;min-width:560px;padding:13px 10px;font-size:11px;display:grid}.table-head{color:#97a7b5;background:#f8fbfd;font-weight:700}.risk-low{color:#159365;font-weight:700}.alert-list{margin-top:25px}.alert-item{color:#17845a;background:#f5fcf8;border:1px solid #dcefe6;border-radius:11px;align-items:center;gap:11px;padding:14px;display:flex}.alert-item div{flex:1;gap:3px;display:grid}.alert-item span,.alert-item small{color:#7b998b;font-size:10px}.plan-grid{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;width:min(100%,520px);display:grid}.plan-card{background:#f5faff;border:1px solid #cfe3f3;border-radius:12px;gap:7px;padding:18px;display:grid}.plan-card strong{color:#0b5cad;font-size:16px}.plan-card span{color:#5d7890;font-size:11px}.plan-card small{color:#93a5b4;font-size:10px;line-height:1.6}.plan-card.muted{opacity:.7;background:#fafcfd}.profile-note{text-align:start;direction:ltr;color:#91a2b0!important;font-size:11px!important}
