:root{--g950:#111a2e;--g900:#17243e;--g800:#1f4cae;--g700:#2563eb;--g100:#edf3ff;--g50:#f5f7fb;--gold:#2563eb;--gold2:#9ab9ff;--cream:#f5f7fb;--paper:#ffffff;--ink:#18243b;--muted:#748096;--line:#dfe1dc;--danger:#a9423b;--danger-bg:#fbefed;--shadow:0 24px 70px #17243e1f;--font:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;top:-60px;right:20px;z-index:100;background:white;padding:12px 18px;border-radius:8px}.skip:focus{top:12px}.site-header{height:82px;padding:0 max(3vw,24px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#fffffff2;border-bottom:1px solid #17243e1a;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:13px;border:0;background:transparent;text-align:right}.logo,.mini-logo{display:grid;place-items:center;border-radius:50%;background:var(--g900);color:var(--gold2);font-weight:900}.logo{width:46px;height:46px;font-size:23px}.brand b,.brand small{display:block}.brand b{color:var(--g900);font-size:23px}.brand small{color:var(--muted);font-size:10px;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:10px}.nav-link{border:0;background:transparent;color:var(--g900);font-weight:800;padding:10px 14px}.btn{min-height:47px;border:1px solid transparent;border-radius:11px;padding:11px 21px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--g900);color:white}.btn-dark:hover{background:var(--g800)}.btn-gold{background:var(--gold);color:var(--g950);box-shadow:0 10px 24px #2563eb33}.btn-outline{background:transparent;color:var(--g900);border-color:#17243e55}.btn-light{background:white;color:var(--g900);border-color:var(--line)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#efd2cf}.btn-sm{min-height:40px;padding:8px 15px;font-size:12px}.full{width:100%}.btn:disabled{opacity:.6;cursor:wait;transform:none}.landing{overflow:hidden;background:radial-gradient(circle at 82% 25%,#2563eb22,transparent 28%),var(--cream)}.hero{min-height:690px;padding:75px 0 95px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(45px,7vw,100px)}.eyebrow{color:var(--g700);font-size:12px;font-weight:900;letter-spacing:.06em;display:inline-flex;gap:9px;align-items:center}.eyebrow:before{content:"";width:25px;height:1px;background:currentColor}.eyebrow.light{color:var(--gold2)}.hero h1,.gate-copy h1{letter-spacing:-.04em}.hero h1{margin:23px 0;font-size:clamp(49px,6vw,80px);line-height:1.08;color:var(--g950)}.hero h1 em{color:var(--g700);font-style:normal}.hero-copy>p{max-width:650px;color:#64748b;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:11px;margin-top:29px}.assurances{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;color:var(--muted);font-size:11px;font-weight:800}.preview-card{width:min(440px,100%);background:var(--paper);border:1px solid #17243e1a;border-radius:24px;padding:25px;box-shadow:var(--shadow);transform:rotate(-1deg)}.preview-head,.preview-card footer{display:flex;justify-content:space-between;align-items:center}.preview-head{padding-bottom:17px;border-bottom:1px solid var(--line)}.preview-head small,.preview-head b{display:block}.preview-head small{color:var(--muted);font-size:9px}.preview-head b{color:var(--g900);font-size:20px;direction:ltr}.preview-head>span{background:#fff4dd;color:#1f4cae;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.client{display:flex;align-items:center;gap:11px;padding:17px 0 8px}.client>i{width:38px;height:38px;display:grid;place-items:center;background:var(--g100);color:var(--g700);border-radius:50%;font-style:normal;font-weight:900}.client b,.client small{display:block}.client b{font-size:12px}.client small{color:var(--muted);font-size:9px;margin-top:3px}.preview-card ol{list-style:none;padding:0;margin:5px 0 17px}.preview-card li{min-height:57px;display:grid;grid-template-columns:28px 1fr 20px;gap:10px;align-items:center;color:#748096;position:relative}.preview-card li:not(:last-child):after{content:"";position:absolute;right:13px;top:42px;bottom:-8px;width:1px;background:#dfe5ef}.preview-card li>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #dfe5ef;border-radius:50%;font-style:normal;font-size:8px;z-index:1;background:var(--paper)}.preview-card li b,.preview-card li small{display:block}.preview-card li b{font-size:11px}.preview-card li small{font-size:8px;margin-top:2px}.preview-card li>span{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:8px}.preview-card li.done{color:var(--g700)}.preview-card li.done>i{background:var(--g700);color:white;border-color:var(--g700)}.preview-card li.done>span{background:var(--g100)}.preview-card li.done:not(:last-child):after{background:var(--g700)}.preview-card li.current{color:var(--g950)}.preview-card li.current>i{border:2px solid var(--gold);box-shadow:0 0 0 4px #2563eb20}.preview-card li.current>span{background:var(--gold);box-shadow:0 0 0 4px #2563eb20}.preview-card footer{background:var(--g50);padding:12px 14px;border-radius:9px}.preview-card footer small{color:var(--muted);font-size:9px}.preview-card footer b{color:var(--g900);font-size:10px}.feature-strip{background:var(--g900);color:white;padding:35px 0}.features{display:grid;grid-template-columns:repeat(3,1fr)}.features article{display:flex;gap:16px;padding:8px 32px;border-left:1px solid #ffffff1f}.features article:last-child{border:0}.features article>span{color:var(--gold);font-size:9px}.features h2{font-size:16px;margin:0 0 7px}.features p{color:#ffffff9c;font-size:11px;line-height:1.7;margin:0}.gate{min-height:calc(100vh - 82px);padding:65px 0 75px;background:var(--g950);color:white;position:relative}.gate-layout{min-height:620px;display:grid;grid-template-columns:1fr 460px;gap:clamp(50px,8vw,125px);align-items:center}.gate-copy h1{font-size:clamp(42px,5vw,65px);line-height:1.2;margin:20px 0;color:white}.gate-copy>p{color:#ffffffa6;font-size:16px;line-height:1.8}.gate-copy ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:15px;color:#ffffffc7;font-size:12px}.gate-copy li{display:flex;gap:13px}.gate-copy li i{color:var(--gold2);font-size:8px;font-style:normal}.auth-card{background:var(--paper);color:var(--ink);border-radius:27px;padding:32px;box-shadow:0 35px 90px #0006}.card-title{display:flex;align-items:center;gap:14px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.mini-logo{width:49px;height:49px;font-size:22px}.card-title small{color:#2563eb;font-size:8px;font-weight:900}.card-title h2{color:var(--g950);font-size:22px;margin:2px 0}.card-title p{color:var(--muted);font-size:10px;margin:0}form{display:grid;gap:15px}label{display:grid;gap:7px;color:var(--g950);font-size:11px;font-weight:900}label>small{color:#919a95;font-size:8px;font-weight:500}input,select,textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid #ccd2ce;border-radius:10px;background:white;color:var(--ink);outline:0}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #2563eb20}.note{display:grid;gap:3px;background:var(--g50);border-right:3px solid var(--gold);padding:12px 14px;border-radius:8px;color:var(--g900)}.note span{color:var(--muted);font-size:9px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#edf3ff;padding:4px;border-radius:10px;margin-bottom:19px}.tabs button{min-height:37px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:900}.tabs button.active{background:white;color:var(--g900);box-shadow:0 3px 9px #17243e15}.privacy{color:var(--muted);font-size:9px;border-top:1px solid var(--line);padding-top:15px;margin:20px 0 0}.customer-portal{margin-top:35px;color:var(--ink)}.dashboard-active{padding:0;background:#edf3ff;color:var(--ink)}.dashboard{min-height:calc(100vh - 82px);background:#edf3ff}.dash-head{background:var(--g950);color:white;padding:25px 0 32px}.dash-head-inner{width:min(1280px,calc(100% - 44px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--g950);font-weight:900}.welcome small,.welcome b{display:block}.welcome small{color:#ffffff8c;font-size:9px}.welcome b{font-size:17px;margin-top:3px}.dash-actions{display:flex;gap:7px}.dash-actions .btn{background:#ffffff12;color:white;border-color:#ffffff22}.dash-body{width:min(1280px,calc(100% - 44px));margin:-14px auto 0;padding-bottom:60px;position:relative}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:var(--paper);border:1px solid #17243e12;border-radius:17px;padding:19px;box-shadow:0 8px 23px #17243e12}.metric small,.metric b,.metric span{display:block}.metric small{color:var(--muted);font-size:9px}.metric b{color:var(--g950);font-size:28px;line-height:1;margin:7px 0}.metric span{color:#748096;font-size:8px}.workspace{display:grid;grid-template-columns:250px 1fr;gap:16px;margin-top:16px;align-items:start}.sidebar,.orders-panel{background:var(--paper);border:1px solid #17243e12;border-radius:17px;box-shadow:0 8px 23px #17243e10}.sidebar{padding:17px;position:sticky;top:98px}.side-title{display:block;color:#748096;font-size:8px;font-weight:900;margin-bottom:9px}.quick,.filters{display:grid;gap:6px}.side-section+.side-section{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.quick button,.filters button{width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;background:white;color:var(--g900);font-size:10px;font-weight:800;text-align:right}.quick button.primary{background:var(--g900);color:white;border-color:var(--g900)}.filters button{border-color:transparent;color:var(--muted)}.filters button.active,.filters button:hover{background:var(--g50);color:var(--g900)}.filters b{background:#e5ebf5;color:var(--g700);border-radius:999px;padding:2px 6px;font-size:8px}.orders-panel{padding:21px;min-width:0}.orders-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px}.orders-toolbar h2{color:var(--g950);font-size:19px;margin:0 0 4px}.orders-toolbar p{color:var(--muted);font-size:9px;margin:0}.search{width:min(280px,100%);min-height:40px;font-size:10px;background:#f8f9f7}.order-list{display:grid;gap:11px;padding-top:15px}.order{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.order-summary{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:15px 16px}.order-title{display:flex;align-items:center;gap:9px;margin-bottom:4px}.order-title h3{font-size:14px;color:var(--g950);margin:0;direction:ltr}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:var(--g100);color:var(--g700);font-size:8px;font-weight:900}.badge.late{background:var(--danger-bg);color:var(--danger)}.badge.done{background:#e8f7ef;color:#16794f}.order-summary p{color:var(--muted);font-size:9px;margin:0}.toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--g900)}.order.expanded .toggle{transform:rotate(180deg)}.order-details{display:none;border-top:1px solid var(--line);background:#fafaf7;padding:14px 16px}.order.expanded .order-details{display:block}.item{background:white;border:1px solid #e3e5e1;border-radius:10px;padding:12px;margin-bottom:8px}.item-head{display:flex;justify-content:space-between;gap:12px}.item h4{color:var(--g950);font-size:11px;margin:0 0 3px}.item p{color:var(--muted);font-size:8px;margin:0}.stagebar{display:flex;gap:3px;margin:10px 0 7px}.stagebar i{flex:1;height:4px;border-radius:999px;background:#e3e7e4}.stagebar i.done{background:var(--g700)}.stagebar i.current{background:var(--gold)}.stage-row,.order-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.stage-row span{color:var(--g700);font-size:8px;font-weight:900}.stage-row .btn{min-height:31px;padding:6px 10px;font-size:8px}.order-foot{border-top:1px solid var(--line);padding-top:11px;margin-top:11px}.files{display:flex;flex-wrap:wrap;gap:5px}.file{background:var(--g50);color:var(--g700);border:1px solid #dfe5ef;border-radius:7px;padding:5px 7px;text-decoration:none;font-size:8px}.small-actions{display:flex;gap:5px}.mini-btn{border:1px solid var(--line);border-radius:7px;background:white;color:var(--g900);padding:6px 8px;font-size:8px;font-weight:800}.mini-btn.danger{color:var(--danger);background:var(--danger-bg);border-color:#efd2cf}.empty{min-height:230px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:10px}.portal{background:var(--paper);border-radius:23px;overflow:hidden;box-shadow:var(--shadow)}.portal-head{background:var(--g900);color:white;padding:22px 25px;display:flex;justify-content:space-between;align-items:center}.portal-head small,.portal-head b{display:block}.portal-head small{color:var(--gold2);font-size:8px}.portal-head b{font-size:19px;margin-top:3px}.portal-body{padding:22px 25px}.finance{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:17px}.finance article{border:1px solid var(--line);border-radius:11px;padding:13px}.finance small{color:var(--muted);font-size:8px}.finance b{display:block;color:var(--g950);font-size:18px;margin-top:5px}.customer-order{border:1px solid var(--line);border-radius:13px;padding:16px;margin-top:10px}.customer-order header{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}.customer-order h3{color:var(--g950);font-size:14px;margin:0 0 3px}.customer-order header p{color:var(--muted);font-size:8px;margin:0}.customer-item{background:var(--g50);border-radius:9px;padding:11px;margin-top:7px}.customer-item>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:9px}.customer-item span{color:var(--g700);font-weight:900}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#111a2ec7;backdrop-filter:blur(8px)}.modal-box{width:min(650px,100%);max-height:88vh;overflow:auto;background:var(--paper);color:var(--ink);border-radius:20px;box-shadow:0 35px 100px #0007}.modal-box.wide{width:min(850px,100%)}.modal-head{position:sticky;top:0;z-index:2;background:#fffffff2;backdrop-filter:blur(10px);display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:20px 22px 15px}.modal-head h2{color:var(--g950);font-size:19px;margin:0 0 3px}.modal-head p{color:var(--muted);font-size:9px;margin:0}.close{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--g900);font-size:18px}.modal-body{padding:20px 22px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full-row{grid-column:1/-1}.modal-actions{display:flex;gap:7px;margin-top:4px}.rows{display:grid;gap:7px}.item-row{display:grid;grid-template-columns:1.3fr 75px 1fr 31px;gap:6px;background:var(--g50);padding:9px;border-radius:9px}.item-row input{min-height:39px;font-size:9px}.remove{border:0;border-radius:7px;background:var(--danger-bg);color:var(--danger)}.list{display:grid;gap:8px}.list-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px}.list-card b,.list-card small{display:block}.list-card b{color:var(--g950);font-size:10px}.list-card small{color:var(--muted);font-size:8px;margin-top:3px}.code-box{text-align:center;border:1px dashed #cbd5e1;background:var(--g50);border-radius:12px;padding:20px}.code-box strong{display:block;direction:ltr;letter-spacing:.09em;font-size:28px;color:var(--g950)}.code-box p{color:var(--muted);font-size:9px;margin:7px 0 0}.toast{position:fixed;left:22px;bottom:22px;z-index:110;max-width:calc(100% - 40px);background:var(--g950);color:white;border-radius:10px;padding:12px 16px;box-shadow:0 18px 45px #0005;font-size:10px;font-weight:800;opacity:0;transform:translateY(14px);transition:.2s;pointer-events:none}.toast.error{background:#6e2520}.toast.show{opacity:1;transform:none}.site-footer{background:var(--g950);color:#ffffff70;border-top:1px solid #ffffff15;padding:18px 0;font-size:9px}.site-footer .wrap{display:flex;justify-content:space-between}body[data-view="staff"] .site-footer{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr 410px;gap:30px}.gate-layout{grid-template-columns:1fr 420px;gap:45px}.metrics{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:220px 1fr}}@media(max-width:760px){.site-header{height:72px;padding:0 14px}.brand small,.nav-link{display:none}.logo{width:40px;height:40px}.hero{grid-template-columns:1fr;text-align:center;padding:55px 0 70px}.hero-copy{display:grid;justify-items:center}.preview-card{transform:none}.features{grid-template-columns:1fr}.features article{border-left:0;border-bottom:1px solid #ffffff1f;padding:20px 10px}.gate-layout{grid-template-columns:1fr;min-height:auto}.gate-copy{text-align:center}.auth-card{width:min(470px,100%);margin:auto}.workspace{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.side-section+.side-section{border-top:0;border-right:1px solid var(--line);margin:0;padding:0 15px 0 0}}@media(max-width:560px){.wrap{width:calc(100% - 26px)}.site-header .btn-sm{font-size:10px;padding:7px 10px}.hero{text-align:right}.hero-copy{justify-items:start}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-actions{width:100%;display:grid}.hero-actions .btn{width:100%}.assurances{display:grid}.preview-card{padding:19px}.gate{padding:42px 0 55px}.gate-copy{text-align:right}.gate-copy h1{font-size:38px}.auth-card{padding:22px 17px;border-radius:19px}.dash-head-inner,.dash-body{width:calc(100% - 22px)}.dash-head-inner{align-items:flex-start}.dash-actions{display:grid}.metrics{gap:7px}.metric{padding:13px}.workspace{gap:10px}.sidebar{grid-template-columns:1fr}.side-section+.side-section{border-right:0;border-top:1px solid var(--line);padding:13px 0 0}.orders-panel{padding:14px 11px}.orders-toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.order-details{padding:12px}.stage-row,.order-foot,.list-card{align-items:stretch;flex-direction:column}.finance{grid-template-columns:1fr}.portal-body{padding:17px 13px}.form-grid{grid-template-columns:1fr}.form-grid .full-row{grid-column:auto}.item-row{grid-template-columns:1fr 65px 31px}.item-row .spec{grid-column:1/-1;grid-row:2}.modal{padding:9px}.modal-head,.modal-body{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}