@font-face{font-family:Plex;src:url('/assets/site-plex-arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/site-plex-arabic-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--canvas:#FCFAF7;--card:#FBF8F1;--section:#F4F1EA;--lavender:#5C50A5;--deep:#453C82;--pale:#EFEAF7;--sage:#EAF0E6;--green:#45623e;--ink:#26232A;--muted:#68636C;--line:#E2DFD6;--rose:#F6E7E4;--red:#923d3d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.7 Plex,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--lavender);outline-offset:4px}h1,h2,h3,p{margin:0}button svg{pointer-events:none}svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;right:12px;padding:12px 20px;background:white;z-index:20}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;font-weight:700;color:var(--deep);line-height:1.3}.brand img{border-radius:13px}.brand-caption{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.back-link{font-size:13px;text-decoration:none;display:flex;gap:20px;align-items:center}.back-link:hover,.switch-phone:hover{text-decoration:underline}.intro{text-align:center;padding-top:48px;max-width:820px}.eyebrow{color:var(--deep);font-size:13px;font-weight:700;margin-bottom:15px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#C9A227;border-radius:50%;margin-inline-end:7px}.intro h1{font-size:clamp(34px,4.8vw,58px);line-height:1.38;letter-spacing:-1.4px}.intro h1 em{font-style:normal;color:var(--lavender)}.lead{font-size:16px;color:var(--muted);margin-top:19px;line-height:1.95}.mobile-break{display:none}.demo-note{display:flex;gap:12px;text-align:start;align-items:center;width:fit-content;max-width:670px;margin:25px auto 0;padding:12px 19px;background:var(--sage);border:1px solid #d9e1d4;border-radius:14px;font-size:12px;color:#475441}.note-mark{font-size:24px}.demo-note strong{font-weight:700}.experience{padding-block:30px 34px}.experience-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:880px;margin:0 auto 25px}.experience-toolbar>p{font-size:13px;color:var(--muted)}.reset-button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid #c7bfd9;color:var(--deep);padding:9px 16px;border-radius:24px;font-size:12px;font-weight:700;min-height:44px;white-space:nowrap}.reset-button:hover{background:var(--pale)}.reset-button>span{font:24px/1 Arial}.phones{display:grid;grid-template-columns:repeat(2,minmax(0,390px));gap:64px;justify-content:center;position:relative}.phone-column{min-width:0}.role-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 13px 17px}.role-kicker{font-size:11px;color:var(--muted)}.role-caption h2{font-size:20px;line-height:1.6}.switch-phone{font-size:11px;color:var(--deep);text-decoration:none;display:flex;gap:8px;align-items:center}.phone{height:692px;display:flex;flex-direction:column;isolation:isolate;border:7px solid #E9E3EE;outline:1px solid #CFC7D9;border-radius:39px;background:var(--canvas);overflow:hidden;box-shadow:0 16px 36px #453c8210}.phone-top{height:24px;display:flex;align-items:center;justify-content:center;flex:none}.speaker{width:57px;height:4px;background:#D8D0DF;border-radius:10px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 11px;border-bottom:1px solid var(--line);flex:none;gap:10px;min-height:76px}.app-header small{display:block;font-size:10px;color:var(--muted)}.app-header h3{font-size:21px;color:var(--deep);line-height:1.5}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{min-width:44px;height:44px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--deep)}.icon-button:hover{background:var(--pale)}.notification-dot{position:absolute;right:-1px;top:-1px;min-width:17px;height:17px;padding-inline:3px;border-radius:50%;background:var(--lavender);color:white;font:700 10px/17px Plex;text-align:center}.phone-content{padding:18px 15px 24px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#cec5dc transparent}.phone-content>*+*{margin-top:17px}.phone-content:focus{outline-offset:-3px}.app-nav{flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 6px 10px;border-top:1px solid var(--line);background:var(--canvas);gap:3px;min-height:70px}.app-nav button{min-height:48px;border:0;border-radius:13px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}.app-nav button[aria-current="page"]{background:var(--pale);color:var(--deep);font-weight:700}.app-nav button:hover{background:var(--section)}.app-nav svg{width:20px;height:20px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:10px}.welcome p{font-size:16px;font-weight:700}.welcome small{font-size:11px;color:var(--muted)}.avatar{width:43px;height:43px;display:grid;place-items:center;background:var(--pale);border:1px solid #DDD4E9;border-radius:15px;color:var(--deep);font-weight:700;flex:none}.worker-avatar{background:var(--sage);border-color:#d4dfcc;color:var(--green)}.summary{padding:18px;border:1px solid var(--line);border-radius:23px;background:var(--section)}.section-label{font-size:13px;font-weight:700}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary svg{color:var(--lavender)}.summary-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:10px}.summary-stats>div{display:flex;align-items:center;gap:9px}.summary-stats strong{font-size:27px;color:var(--deep);line-height:1.4}.summary-stats span{font-size:11px;color:var(--muted)}.summary-stats>div+div{border-inline-start:1px solid #DCD6CA;padding-inline-start:13px}.summary progress{display:block;width:100%;height:6px;overflow:hidden;appearance:none;border:0;border-radius:6px;margin-top:17px;background:#DDD5E7}.summary progress::-webkit-progress-bar{background:#DDD5E7;border-radius:6px}.summary progress::-webkit-progress-value{background:var(--lavender);border-radius:6px}.summary progress::-moz-progress-bar{background:var(--lavender);border-radius:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-heading h4{font-size:14px;margin:0}.text-button{font-size:11px;border:0;background:transparent;color:var(--deep);font-weight:700;padding:8px 4px;min-height:40px;text-decoration:underline;text-underline-offset:4px}.task-list,.request-list,.notification-list{display:grid;gap:12px;list-style:none;padding:0;margin:0}.task-card,.request-card{border:1px solid #D3C9E3;border-radius:22px;padding:14px;background:var(--card);overflow-wrap:anywhere}.task-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.task-title{font-weight:700;font-size:13px;line-height:1.7;margin:0;min-width:0}.task-symbol{width:30px;height:30px;flex:none;background:var(--pale);color:var(--deep);border-radius:50%;display:grid;place-items:center}.task-symbol svg{width:18px;height:18px}.task-card.completed{border-color:#C7D6C0}.task-card.completed .task-symbol{background:var(--sage);color:var(--green)}.card-description{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.8;white-space:pre-wrap}.card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.person-chip{padding:2px 9px;background:var(--pale);color:var(--deep);border-radius:20px;margin-inline-end:auto;display:flex;align-items:center;gap:5px}.person-chip svg{width:12px;height:12px}.status-chip{padding:2px 8px;border-radius:12px;background:var(--pale);color:var(--deep);font-size:10px;white-space:nowrap}.status-chip.done,.status-chip.approved{background:var(--sage);color:var(--green)}.status-chip.rejected{background:var(--rose);color:var(--red)}.card-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:12px}.button{border:1px solid transparent;border-radius:13px;min-height:43px;padding:8px 15px;font-size:12px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.button.primary{background:var(--lavender);color:white}.button.primary:hover{background:var(--deep)}.button.secondary{background:transparent;color:var(--deep);border-color:#c7bfd9}.button.secondary:hover{background:var(--pale)}.button.reject{background:transparent;border-color:#d9bdb6;color:var(--red)}.button.reject:hover{background:var(--rose)}.button.full{width:100%}.button.compact{font-size:11px;padding:6px 12px;min-height:38px}.button svg{width:17px;height:17px}.muted-line{font-size:11px;color:var(--muted)}.quiet-card{padding:15px;background:var(--sage);border:1px solid #d5dfcf;border-radius:20px;font-size:12px;color:#475441}.quiet-card p{margin-top:5px}.quick-tile{display:flex;gap:11px;align-items:center;width:100%;text-align:start;border:1px solid var(--line);border-radius:20px;padding:14px;background:var(--section);color:var(--ink)}.quick-tile>span{flex:1}.quick-tile strong{display:block;font-size:12px}.quick-tile small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.quick-tile svg{color:var(--lavender)}.filters{display:flex;gap:4px;background:var(--section);padding:4px;border-radius:20px;margin-block:13px 17px}.filters button{flex:1;min-height:36px;border:0;border-radius:17px;background:transparent;color:var(--muted);font-size:11px;padding:5px}.filters button[aria-pressed="true"]{background:var(--lavender);color:white}.empty-state{text-align:center;color:var(--muted);padding:29px 17px;font-size:12px;border:1px dashed #c7bfd9;border-radius:20px;background:var(--card)}.empty-state svg{margin:0 auto 10px;color:var(--lavender);width:27px;height:27px}.phone-toast{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;font-size:11px;background:var(--sage);color:#394e33;border-bottom:1px solid #d5dfcf;flex:none}.toast-message{border:0;padding:0;background:transparent;color:inherit;text-align:start;flex:1;font-size:11px;line-height:1.75;min-height:28px}.toast-message:hover{text-decoration:underline}.toast-close{width:30px;height:30px;border:0;background:transparent;color:inherit;padding:6px;flex:none;display:grid;place-items:center}.toast-close svg{width:15px;height:15px}.form-card{background:var(--section);padding:16px;border:1px solid var(--line);border-radius:22px}.form-card label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.form-card input,.form-card textarea{display:block;width:100%;min-height:44px;padding:10px;border:1px solid #BFB4CB;border-radius:12px;background:var(--canvas);color:var(--ink);font-size:13px;resize:vertical;line-height:1.7}.form-card textarea{min-height:80px}.field{margin-bottom:15px}.field-help{font-size:10px;color:var(--muted);margin-top:6px}.form-actions{display:grid;gap:8px}.form-error{color:var(--red);font-size:11px;margin-bottom:10px}.request-card .card-meta{justify-content:space-between}.request-card .status-chip{margin-inline-start:auto}.notification-card{padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.notification-card button{border:0;text-align:start;width:100%;padding:0;background:transparent;color:var(--ink);font-size:12px;min-height:38px;overflow-wrap:anywhere}.notification-card small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.profile-card{padding:22px 16px;background:var(--section);text-align:center;border-radius:23px;border:1px solid var(--line)}.profile-card .avatar{margin:0 auto 10px;width:57px;height:57px;font-size:22px}.profile-card h4{margin:0;font-size:17px}.profile-card p{font-size:12px;color:var(--muted);margin-top:4px}.profile-details{margin:16px 0 0;text-align:start}.profile-details>div{padding:10px 0;display:flex;gap:12px;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0}.rules-list{padding-inline-start:21px;font-size:13px;line-height:2.1}.rules-list li+li{margin-top:13px}.try-notes{margin:30px auto 0;max-width:880px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.try-notes p{font-size:12px;color:var(--muted);display:flex;gap:9px}.try-notes span{color:var(--lavender);font-weight:700}.closing{border-top:1px solid var(--line);text-align:center;padding-block:45px 50px;max-width:880px}.closing h2{font-size:36px;margin-bottom:14px}.closing>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:550px;margin-inline:auto}.primary-link{display:inline-flex;align-items:center;gap:32px;text-decoration:none;background:var(--lavender);color:white;padding:12px 25px;border-radius:12px;font-weight:700;font-size:13px;margin-top:22px}.primary-link:hover{background:var(--deep)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:11px;color:var(--muted)}.site-footer nav{display:flex;gap:22px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.noscript{padding:25px;border:1px solid var(--line)}dialog{background:var(--canvas);color:var(--ink);padding:28px;width:min(420px,calc(100% - 34px));border:1px solid #CFC7D9;border-radius:27px;text-align:center;box-shadow:0 30px 80px #26232a40}dialog::backdrop{background:#26232a80}dialog h2{font-size:23px;line-height:1.6;margin-top:14px}dialog p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:14px;overflow-wrap:anywhere}.dialog-symbol{width:49px;height:49px;display:grid;place-items:center;background:var(--sage);border-radius:50%;margin:auto;color:var(--green);font-size:24px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.phones{gap:30px;grid-template-columns:repeat(2,minmax(0,370px))}.phone{border-width:6px;border-radius:34px}.role-caption{padding-inline:7px}.role-caption h2{font-size:18px}.switch-phone{font-size:10px}.phone-content{padding-inline:12px}.app-header{padding-inline:14px}.intro{padding-top:36px}.intro h1{font-size:43px}}
@media(max-width:690px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:19px}.brand-caption{font-size:9px}.back-link{font-size:11px;gap:9px}.brand{font-size:23px;gap:9px}.brand img{width:38px;height:38px}.intro{padding-top:33px}.intro h1{font-size:36px;letter-spacing:-.8px;line-height:1.45}.mobile-break{display:initial}.desktop-break{display:none}.lead{font-size:14px;margin-top:16px;max-width:430px;margin-inline:auto}.eyebrow{font-size:11px;margin-bottom:12px}.demo-note{padding:12px 13px;gap:9px;margin-top:21px;font-size:11px;max-width:460px}.experience{padding-top:24px}.experience-toolbar{flex-direction:column;gap:12px;align-items:center;margin-bottom:29px}.experience-toolbar>p{font-size:12px}.reset-button{font-size:12px}.phones{grid-template-columns:minmax(0,390px);gap:36px}.role-caption{padding-bottom:14px}.role-caption h2{font-size:20px}.switch-phone{font-size:11px}.phone{height:685px}.phone-content{padding-inline:15px}.try-notes{grid-template-columns:1fr;max-width:390px;gap:12px;margin-top:25px}.try-notes p{font-size:12px}.closing{padding-block:33px 39px}.closing h2{font-size:29px}.closing>p:not(.eyebrow){font-size:13px}.site-footer{flex-direction:column;text-align:center;gap:12px;padding-block:23px;font-size:11px}.role-caption h2{scroll-margin-top:18px}}
@media(max-width:355px){.wrap{width:calc(100% - 24px)}.intro h1{font-size:32px}.brand-caption{display:none}.phone-content{padding-inline:11px}.phone{border-width:5px;height:674px}.app-header{padding-inline:12px}.app-header h3{font-size:19px}.task-card,.request-card{padding:12px}.role-caption h2{font-size:18px}.switch-phone{font-size:10px}}
.switch-phone,.back-link{min-height:44px}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}