*{box-sizing:border-box} :root{--blue:#0969d7;--blue-deep:#0754b7;--ink:#071c45;--muted:#617393;--pale:#eef5ff;--line:#d6e2f2;--green:#19b866;--shadow:0 14px 38px rgba(15,57,125,.12)} html{scroll-behavior:smooth} body{margin:0;background:#dceaff;font-family:'Tajawal',sans-serif;color:var(--ink);min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(2px);opacity:.48}.ambient-one{width:420px;height:420px;top:-150px;left:-160px;background:linear-gradient(145deg,#8bb9ff,#4e8de8)}.ambient-two{width:360px;height:360px;right:-160px;bottom:70px;background:linear-gradient(145deg,#9ac7ff,#5d98ec)}.app-shell{width:min(100%,520px);margin:0 auto;padding:0 18px 116px}.topbar{height:63px;display:flex;align-items:center;justify-content:space-between;color:#fff}.status-cluster{display:flex;align-items:center;gap:9px;direction:ltr}.status-time{font-size:16px;font-weight:800;letter-spacing:.4px}.battery{border:2px solid #fff;width:35px;height:17px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;position:relative}.battery:after{content:'';width:3px;height:7px;background:#fff;position:absolute;right:-5px;border-radius:0 2px 2px 0}.battery span{font-size:9px;font-weight:800}.signal-bars{height:17px;display:flex;align-items:flex-end;gap:2px}.signal-bars i{display:block;width:4px;background:#fff;border-radius:1px}.signal-bars i:nth-child(1){height:7px}.signal-bars i:nth-child(2){height:11px}.signal-bars i:nth-child(3){height:16px}.wifi-icon{width:19px;height:13px;border:3px solid transparent;border-top-color:#fff;border-radius:50%;position:relative;transform:translateY(4px)}.wifi-icon:before{content:'';position:absolute;left:-5px;top:-6px;width:24px;height:16px;border:3px solid transparent;border-top-color:#fff;border-radius:50%}.wifi-icon:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:5px;top:0}.icon-button,.more-button{position:relative;border:0;background:rgba(255,255,255,.16);color:#fff;width:39px;height:39px;border-radius:13px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-dot{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#ffca52;border:2px solid var(--blue)}.hero-card{position:relative;overflow:hidden;min-height:220px;padding:24px 22px 21px;background:linear-gradient(132deg,#0a58bb 0%,#0a74dd 52%,#147fe4 100%);border-radius:27px;box-shadow:0 18px 34px rgba(0,78,181,.3);color:white}.hero-pattern{position:absolute;inset:0;opacity:.17;background:radial-gradient(circle at 80% 20%,transparent 0 28px,#fff 29px 30px,transparent 31px 62px),linear-gradient(145deg,transparent 54%,rgba(255,255,255,.21) 54% 55%,transparent 55% 72%,rgba(255,255,255,.14) 72% 73%,transparent 73%)}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;color:#d9ecff;font-weight:700;display:flex;align-items:center;gap:7px;margin-bottom:12px}.live-dot{width:7px;height:7px;background:#7df3b5;border-radius:50%;box-shadow:0 0 0 5px rgba(125,243,181,.16)}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.18;letter-spacing:-.7px;margin-bottom:18px}h1 strong{font-weight:900}.manager-line{display:flex;align-items:center;gap:10px}.manager-line>div:last-child{display:flex;flex-direction:column;gap:2px}.manager-line span{font-size:12px;color:#cfe7ff}.manager-line strong{font-size:15px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#f7d4ad,#8f4e2f);border:2px solid rgba(255,255,255,.65);display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff}.brand-mark{position:absolute;left:20px;top:23px;width:100px;height:100px;border-radius:27px;background:linear-gradient(145deg,#197edd,#0754b2);border:1px solid rgba(255,255,255,.34);box-shadow:0 12px 22px rgba(0,48,130,.28);display:grid;place-items:center}.brand-mark:before{content:'';position:absolute;width:66px;height:66px;border:4px solid #fff;border-radius:50%}.mark-building{position:relative;width:30px;height:43px;border:4px solid #fff;border-bottom:0;margin-top:-8px;transform:skewY(-13deg)}.mark-building:before{content:'';position:absolute;top:-12px;left:1px;width:17px;height:17px;border-left:4px solid #fff;border-top:4px solid #fff;transform:rotate(45deg)}.mark-building span{display:block;border-top:3px solid #fff;margin:7px 3px 0;width:16px}.mark-wrench{position:absolute;bottom:16px;right:15px;font-size:27px;font-weight:900;transform:rotate(-39deg);color:#fff}.availability-pill{position:absolute;bottom:16px;left:18px;border-radius:20px;background:#c4ddff;color:#0751ad;padding:7px 13px;font-size:12px;font-weight:800;display:flex;gap:6px;align-items:center}.availability-pill span{width:8px;height:8px;background:#20ca6d;border-radius:50%}.welcome-row{padding:26px 4px 18px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.section-kicker{font-size:12px;color:var(--muted);font-weight:700;display:block;margin-bottom:4px}.welcome-row h2{font-size:22px;letter-spacing:-.4px}.date-chip{font-size:11px;white-space:nowrap;color:#4e6590;background:rgba(255,255,255,.65);padding:7px 10px;border-radius:10px}.request-card,.report-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);border-radius:22px;padding:20px 17px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.card-heading>div{display:flex;align-items:center;gap:11px}.number-badge{width:33px;height:33px;border-radius:11px;background:#e1efff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}.card-heading h2{font-size:22px;letter-spacing:-.5px}.required-note,.optional-note{font-size:10px;color:#91a0b7;padding-top:3px}.field-label{display:block;font-weight:800;font-size:13px;margin:0 2px 7px}.field-label span{color:#ee5151}.select-wrap,.input-with-icon{position:relative}.select-wrap select,.request-card textarea,.request-card input{width:100%;border:1px solid #b8c9e0;background:#f8fbff;color:var(--ink);border-radius:11px;min-height:43px;outline:0;transition:.2s;margin-bottom:16px}.select-wrap select{appearance:none;padding:0 14px 0 35px;cursor:pointer}.select-wrap svg{position:absolute;left:13px;top:14px;width:17px;fill:none;stroke:#0a5ea8;stroke-width:2.4;pointer-events:none}.request-card textarea{resize:vertical;min-height:76px;padding:11px 13px;line-height:1.6;display:block;margin-bottom:4px}.request-card input{padding:0 39px 0 13px}.request-card select:focus,.request-card textarea:focus,.request-card input:focus{border-color:#4a9af0;box-shadow:0 0 0 4px rgba(63,145,233,.12);background:#fff}.field-meta{display:flex;justify-content:space-between;align-items:center;color:#8290a7;font-size:10px;margin:0 3px 17px}.input-with-icon svg{position:absolute;right:12px;top:12px;width:18px;fill:none;stroke:#0a6dc4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.photo-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:3px 2px 8px}.photo-heading h3{font-size:19px}.photo-heading h3 small{font-size:12px;color:#6b7f9f;font-weight:700}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.photo-box{position:relative;border:1px dashed #a2bfdc;border-radius:14px;background:#f3f8ff;min-height:139px;padding:11px;cursor:pointer;overflow:hidden}.photo-box input{position:absolute;opacity:0;inset:0;margin:0;min-height:0;cursor:pointer}.photo-box-head{display:flex;align-items:center;gap:6px;font-size:12px;position:relative;z-index:1}.photo-icon{width:26px;height:26px;border-radius:8px;background:#ddecff;display:grid;place-items:center;color:#075caa}.photo-icon svg{width:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.photo-preview{position:absolute;inset:53px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6482ac;font-size:11px;text-align:center;overflow:hidden;border-radius:10px}.photo-preview b{font-size:27px;line-height:1;font-weight:400;margin-top:5px;color:#1769c5}.photo-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-preview.has-image:after{content:'تغيير الصورة';position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.88);padding:3px 9px;border-radius:8px;font-size:9px;color:#145da9;font-weight:800;white-space:nowrap}.after-box{background:#f7fbfa;border-color:#b3dccc}.after-box .photo-icon{background:#dff7ea;color:#159a5c}.primary-action{width:100%;border:0;background:linear-gradient(135deg,#0873df,#0758be);color:white;border-radius:12px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:17px;box-shadow:0 8px 18px rgba(8,97,201,.25);cursor:pointer;transition:transform .18s,box-shadow .18s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 21px rgba(8,97,201,.3)}.primary-action:active{transform:translateY(0)}.primary-action svg{width:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form-status{min-height:0;text-align:center;color:#15935b;font-size:12px;font-weight:700;margin-top:10px}.form-status.show{min-height:18px}.whatsapp-card{margin:15px 0;display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#14bd66,#0eaa59);border-radius:14px;padding:13px 15px;box-shadow:0 9px 20px rgba(14,170,89,.17)}.whatsapp-card strong,.whatsapp-card small{display:block}.whatsapp-card strong{font-size:16px}.whatsapp-card small{font-size:10px;color:#d9ffea;margin-top:1px}.whatsapp-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9)}.whatsapp-icon svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.arrow-left{width:17px;fill:none;stroke:currentColor;stroke-width:2;margin-right:auto;transform:rotate(180deg)}.report-card{padding:17px 15px 13px}.report-top,.report-summary{display:flex;align-items:center;justify-content:space-between}.report-top h2{font-size:21px}.more-button{background:#edf5ff;color:#34679f;width:30px;height:25px;font-weight:900}.report-summary{margin:14px 2px 6px}.report-summary strong{font-size:14px}.report-summary span{font-size:11px;color:#7383a0;display:flex;gap:5px;align-items:center}.report-summary i{width:7px;height:7px;border-radius:50%;background:#29b972}.chart-wrap{display:flex;height:164px;padding-top:9px}.y-axis{width:26px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:23px;color:#7a8ba5;font-size:10px}.chart-area{position:relative;flex:1;margin-right:5px}.grid-line{position:absolute;left:0;right:0;border-top:1px solid #dae4f0}.line-15{top:0}.line-10{top:33%}.line-5{top:66%}.line-0{bottom:22px}.bars{position:absolute;inset:0 0 0;display:flex;align-items:flex-end;justify-content:space-around;gap:7px;padding:0 7px}.bar-col{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative;z-index:1}.bar{width:100%;max-width:52px;border-radius:6px 6px 2px 2px;background:#2777d4;min-height:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.bar-col.featured .bar{background:linear-gradient(#1169c9,#0a55b4);box-shadow:0 5px 10px rgba(20,94,185,.2)}.bar-value{font-size:16px;font-weight:800;color:#0757b3;line-height:1;margin-bottom:4px}.bar-col small{font-size:9px;color:#526989;margin-top:6px;white-space:nowrap}.metrics-row{border-top:1px solid #e3eaf4;display:grid;grid-template-columns:repeat(3,1fr);padding-top:11px;margin-top:1px;gap:4px}.metrics-row>div{display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:5px;font-size:9px;color:#6a7890}.metrics-row strong{grid-column:2;color:#0b6bca;font-size:14px}.metric-icon{grid-row:1 / span 2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900}.metric-icon.blue{background:#ddecff;color:#176ec5}.metric-icon.amber{background:#fff2dd;color:#d39b3b}.metric-icon.green{background:#dff7ea;color:#17a261}.install-banner{margin-top:14px;background:#cfdef5;border-radius:17px;display:flex;align-items:center;gap:9px;padding:11px 12px;color:#08224e}.install-icon{width:37px;height:37px;border-radius:11px;background:#dbeaff;color:#0c65c4;display:grid;place-items:center;font-size:25px;font-weight:900}.install-banner>div:nth-child(2){flex:1}.install-banner strong,.install-banner span{display:block}.install-banner strong{font-size:14px}.install-banner span{font-size:9px;color:#425c83;margin-top:2px}.install-banner button{border:0;background:#086bd2;color:#fff;border-radius:10px;padding:8px 9px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:3px;cursor:pointer}.install-banner svg{width:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:70px;background:rgba(255,255,255,.97);border-top:1px solid #e2e9f4;box-shadow:0 -8px 24px rgba(43,87,143,.12);display:grid;grid-template-columns:repeat(4,1fr);z-index:20;padding:7px 10px max(7px,env(safe-area-inset-bottom))}.nav-item{border:0;background:transparent;color:#718099;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;cursor:pointer;font-size:10px;font-weight:700}.nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{background:#0a6bd4;color:#fff;box-shadow:0 5px 12px rgba(9,105,215,.25)}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%,20px);background:#0b2754;color:#fff;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:30;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:24px 0}.app-shell{background:linear-gradient(180deg,#0e6ed2 0 63px,#e8f2ff 63px 100%);border-radius:32px;box-shadow:0 25px 80px rgba(31,79,143,.25);padding:0 22px 116px}.topbar{height:63px}.hero-card{margin-top:4px}}@media(max-width:370px){.app-shell{padding-left:13px;padding-right:13px}.hero-card{padding-left:17px;padding-right:17px}.brand-mark{left:14px;transform:scale(.9);transform-origin:top left}.hero-card{min-height:210px}h1{font-size:24px}.welcome-row h2{font-size:19px}.install-banner span{font-size:8px}.install-banner button{padding:7px 6px}}
/* شعار الشركة المرفق */
.brand-mark{background:#161616;overflow:hidden;border-color:rgba(255,255,255,.55)}
.brand-mark img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.brand-mark:before{display:none}
.brand-mark:after{content:'';position:absolute;inset:0;border:2px solid rgba(255,213,147,.72);border-radius:27px;pointer-events:none}

/* إفساح مساحة بصرية للشعار داخل بطاقة الترحيب */
.hero-copy{padding-left:112px}
.hero-card h1{font-size:23px;letter-spacing:-.45px}
@media(max-width:370px){.hero-copy{padding-left:100px}.hero-card h1{font-size:21px}}

.notifications-panel{position:absolute;top:58px;left:18px;right:18px;z-index:25;background:#fff;border:1px solid #d7e4f3;border-radius:18px;padding:15px;box-shadow:0 18px 40px rgba(12,57,119,.22)}.notifications-panel[hidden]{display:none}.notifications-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eef7;padding-bottom:10px;margin-bottom:8px}.notifications-head span{font-size:10px;color:#6c7f9b}.notifications-head h2{font-size:18px;margin:2px 0}.notifications-head button{border:0;background:#edf4fb;color:#56708f;border-radius:8px;font-size:22px;width:30px;height:30px;cursor:pointer}.notifications-list{max-height:390px;overflow:auto}.notification-item{display:flex;gap:10px;padding:11px 2px;border-bottom:1px solid #edf2f8}.notification-item:last-child{border-bottom:0}.notification-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#e2efff;color:#0868cc;display:grid;place-items:center;font-weight:900}.notification-item strong{font-size:11px;color:#0a68c9}.notification-item h3{font-size:13px;margin:2px 0;color:#102951}.notification-item p,.notification-item small{display:block;color:#70829d;font-size:10px;margin:0;line-height:1.6}.empty-notifications{font-size:12px;color:#73839b;text-align:center;padding:20px}.notification-dot.is-read{background:#89a1bb}
.internal-portal{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);border-radius:22px;padding:20px 17px;margin-bottom:15px}.internal-portal h2{font-size:22px;margin:4px 0}.internal-portal p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 13px}.internal-portal-actions{display:flex;gap:8px}.internal-portal-actions a{flex:1;text-align:center;text-decoration:none;background:#086bd2;color:#fff;border-radius:10px;padding:11px;font-size:12px;font-weight:900}.internal-portal-actions a:last-child{background:#e7f1ff;color:#1465ac}.internal-request,.internal-whatsapp{display:none!important}