@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");:root{--navy-950:#031a3c;--navy-900:#052d61;--navy-800:#0a3a77;--navy-700:#11488c;--navy-600:#1a58a3;--navy-500:#2569ba;--navy-100:#e6eef8;--navy-50:#f2f7fc;--color-primary:var(--navy-900);--color-accent:#0d84a0;--color-accent-hover:#0a6a81;--color-accent-soft:#e0f6fb;--brand-cyan:#0e9fbe;--brand-cyan-bright:#2cc5e2;--color-success:#059669;--color-success-soft:#ecfdf5;--color-success-deep:#065f46;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-warning-deep:#92400e;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-info-deep:#1e40af;--color-danger:#dc2626;--color-danger-soft:#fef2f2;--color-danger-deep:#991b1b;--color-bg:#f6f8fb;--color-card:#ffffff;--color-text:#0f172a;--color-muted:#64748b;--color-border:#e3e8ef;--color-border-strong:#cbd5e1;--status-new:var(--color-danger);--status-review:var(--color-warning);--status-progress:var(--color-info);--status-done:var(--color-success);--font-heading:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgb(15 23 42/0.05),0 1px 3px rgb(15 23 42/0.06);--shadow-md:0 4px 12px rgb(15 23 42/0.08),0 1px 3px rgb(15 23 42/0.05);--shadow-lg:0 20px 45px rgb(8 21 38/0.18);--shadow-ring:0 0 0 3px rgb(13 132 160/0.18)}*,:after,:before{box-sizing:border-box}html{direction:rtl;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15.5px;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.35;margin:0 0 var(--space-2);color:var(--color-primary)}h1{font-size:40px;font-weight:800}h2{font-size:29px}h3{font-size:22px}h4{font-size:18px}h5{font-size:15px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}.text-muted{color:var(--color-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}::selection{background:rgb(13 132 160/.2)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:embed}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none!important;white-space:nowrap;font-family:var(--font-heading);font-weight:700;font-size:14px;line-height:1.4;color:var(--color-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 18px;transition:all .18s ease}.btn svg{display:block;flex:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{border-color:var(--color-border-strong);background:var(--color-card);color:var(--color-primary)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{color:var(--color-accent);padding-inline:10px}.btn-ghost:hover{background:var(--color-accent-soft)}.btn-white{border:1.5px solid rgb(255 255 255/.65);color:#fff}.btn-white:hover{background:rgb(255 255 255/.12);border-color:#fff}.btn-icon{width:38px;height:38px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.btn-danger-ghost{color:var(--color-danger)}.btn-danger-ghost:hover{background:var(--color-danger-soft)}.field>label{display:block;font-size:13px;margin-bottom:6px;font-weight:700;font-family:var(--font-heading);color:var(--color-primary)}.field .req{color:var(--color-danger)}.input{width:100%;min-height:42px;padding:8px 14px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#94a3b8}.input:hover{border-color:#94a3b8}.input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-ring)}textarea.input{min-height:96px;resize:vertical}.check,select.input{cursor:pointer}.check{display:inline-flex;align-items:center;gap:9px;font-size:14px}.check input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.check .box{width:18px;height:18px;flex:none;border-radius:5px;border:1.5px solid var(--color-border-strong);background:var(--color-card);transition:all .15s ease}.check input:checked+.box,.check:hover .box{border-color:var(--color-accent)}.check input:checked+.box{background:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:12px;background-position:50%;background-repeat:no-repeat}.check input:focus-visible+.box{box-shadow:var(--shadow-ring)}.seg{overflow:hidden;background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:3px;gap:3px}.seg,.seg-opt{display:inline-flex}.seg-opt{align-items:center;gap:6px;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;font-family:var(--font-heading);cursor:pointer;color:var(--color-muted);transition:all .15s ease}.seg-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.seg-opt:has(input:checked){background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.seg-opt:not(:has(input:checked)):hover{background:var(--navy-50);color:var(--color-primary)}.seg-opt:has(input:focus-visible){box-shadow:var(--shadow-ring)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:var(--space-6);text-align:center;cursor:pointer;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--navy-50);font-size:13px;color:var(--color-muted);transition:all .15s ease}.dropzone:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.dropzone.has-file{border-style:solid;border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-deep)}input[type=range].range{width:100%;accent-color:var(--color-accent);height:30px;cursor:pointer}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.card-kicker{font-size:12px;letter-spacing:.02em;color:var(--color-accent)}.card-kicker,.card-title{font-weight:700;font-family:var(--font-heading)}.card-title{font-size:17px}.card-body{margin:0;font-size:13.5px;color:var(--color-muted);flex:1 1}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;font-family:var(--font-heading);padding:3px 12px;border-radius:var(--radius-pill);white-space:nowrap}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag-accent{background:var(--color-accent-soft);color:var(--color-accent-hover)}.tag-neutral{background:var(--navy-100);color:var(--navy-700)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent);background:transparent}.tag-outline:before{display:none}.tag-new{background:var(--color-danger-soft);color:var(--color-danger-deep)}.tag-review{background:var(--color-warning-soft);color:var(--color-warning-deep)}.tag-progress{background:var(--color-info-soft);color:var(--color-info-deep)}.tag-done{background:var(--color-success-soft);color:var(--color-success-deep)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;gap:var(--space-6);padding:14px var(--space-6);background:rgb(255 255 255/.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav,.nav-brand{align-items:center}.nav-brand{font-family:var(--font-heading);font-weight:800;font-size:22px;-webkit-margin-end:auto;margin-inline-end:auto;color:var(--color-primary)!important;text-decoration:none!important;display:inline-flex;gap:10px}.nav-brand .dot{color:var(--color-accent)}.nav-brand img{height:46px;width:46px;max-width:none;display:block;flex:none}.nav-brand .brand-txt{display:flex;flex-direction:column;line-height:1.25}.nav-brand .brand-sub{font-size:10.5px;font-weight:500;color:var(--color-muted);font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap}@media (max-width:700px){.nav-brand .brand-sub{display:none}}.nav-brand .logo-light{display:none}.nav-overlay:not(.scrolled) .nav-brand .logo-light{display:block}.nav-overlay:not(.scrolled) .nav-brand .logo-dark{display:none}.nav-overlay:not(.scrolled) .nav-brand .brand-sub{color:#b7c8dd}.nav-links{gap:var(--space-6)}.nav-auth,.nav-links{display:flex;align-items:center}.nav-auth{gap:var(--space-3)}.menu-toggle{display:none;width:42px;height:42px;flex:none;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-card);color:var(--color-primary);transition:background .15s ease}.menu-toggle:active{background:var(--navy-50)}.nav-overlay:not(.scrolled) .menu-toggle{background:rgb(255 255 255/.1);border-color:rgb(255 255 255/.4);color:#fff}.site-menu,.site-menu-backdrop{display:none}@media (max-width:940px){.nav .nav-auth,.nav .nav-links{display:none}.menu-toggle{display:inline-flex}.site-menu-backdrop{display:block;position:fixed;inset:0;background:rgb(3 26 60/.45);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:39}.site-menu-backdrop.open{opacity:1;pointer-events:auto}.site-menu{display:flex;flex-direction:column;gap:3px;position:absolute;top:calc(100% + 8px);inset-inline:12px;background:linear-gradient(180deg,var(--navy-900),var(--navy-950));border:1px solid rgb(255 255 255/.08);border-radius:14px;padding:12px;box-shadow:var(--shadow-lg);z-index:41;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1)}.site-menu.open{opacity:1;transform:none;pointer-events:auto}.site-menu-links{display:flex;flex-direction:column;gap:3px}.site-menu-links a{color:#e2e8f0!important;padding:12px 14px;border-radius:9px;font-weight:700;font-family:var(--font-heading);font-size:15px}.site-menu-links a:hover{background:rgb(255 255 255/.07);text-decoration:none}.site-menu-links a.active-link{background:rgb(44 197 226/.14);color:var(--brand-cyan-bright)!important}.site-menu-links a:after{display:none!important}.site-menu-auth{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:12px;margin-top:8px;border-top:1px solid rgb(255 255 255/.12)}.site-menu-auth .btn-secondary{flex:1 1;background:transparent;border-color:rgb(255 255 255/.45);color:#fff}.site-menu-auth .btn-primary{flex:1 1}.site-menu-auth .btn-ghost{color:#7fdcef}.site-menu-auth .bell{color:#fff}.site-menu-auth .bell:hover{background:rgb(255 255 255/.1)}}.nav a{color:var(--color-text);font-size:14px;font-weight:700;font-family:var(--font-heading)}.nav a:hover{text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.nav-badge{font-size:11px;background:var(--color-accent);padding:2px 10px;border-radius:var(--radius-pill)}.avatar,.nav-badge{font-weight:700;color:#fff}.avatar{width:36px;height:36px;border-radius:50%;flex:none;align-items:center;justify-content:center;background:var(--color-primary);font-size:12px;text-decoration:none!important;border:2px solid var(--color-card);box-shadow:var(--shadow-sm)}.avatar,.bell{display:inline-flex}.bell{position:relative;color:var(--color-primary);padding:6px;border-radius:8px}.bell:hover{background:var(--navy-50)}.bell .dot-unread{position:absolute;top:3px;inset-inline-start:3px;width:9px;height:9px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-card)}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100dvh}.sidebar{background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#cbd5e1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-4);gap:var(--space-1);position:-webkit-sticky;position:sticky;top:0;height:100dvh}.sidebar .brand{font-family:var(--font-heading);font-weight:800;font-size:21px;color:#fff;text-decoration:none!important;margin-bottom:var(--space-6);display:flex;align-items:center;gap:10px;padding-inline:10px}.sidebar .brand img{height:40px;width:40px;max-width:none;flex:none}.sidebar .brand .dot{color:var(--brand-cyan-bright)}.sidebar .role{font-size:11px;color:#7fdcef;background:rgb(44 197 226/.12);border-radius:var(--radius-pill);padding:2px 10px;-webkit-margin-start:8px;margin-inline-start:8px;font-family:var(--font-body);font-weight:400;vertical-align:middle}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:#cbd5e1!important;font-size:14px;font-weight:700;font-family:var(--font-heading);text-decoration:none!important;transition:all .15s ease;background:transparent;border:0;cursor:pointer;width:100%;text-align:start}.side-link:hover{background:rgb(255 255 255/.07);color:#fff!important}.side-link.active{background:var(--color-accent);color:#fff!important;box-shadow:var(--shadow-sm)}.side-link .badge-count{-webkit-margin-start:auto;margin-inline-start:auto;background:var(--color-danger);color:#fff;font-size:11px;min-width:20px;height:20px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;padding-inline:6px}.sidebar .side-footer{margin-top:auto;border-top:1px solid rgb(255 255 255/.1);padding-top:var(--space-4);display:flex;align-items:center;gap:10px}.sidebar .side-footer .who{flex:1 1;min-width:0}.sidebar .side-footer .who .name{color:#fff;font-size:13px;font-weight:700;font-family:var(--font-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .side-footer .who .mail{font-size:11px;color:#94a3b8;direction:ltr;text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:14px var(--space-8);background:var(--color-card);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar .page-title{font-family:var(--font-heading);font-weight:700;font-size:17px;-webkit-margin-end:auto;margin-inline-end:auto;color:var(--color-primary)}.main-area{padding:var(--space-8)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.stat-cell{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-cell:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--color-border-strong)}.stat-cell.is-new:before{background:var(--status-new)}.stat-cell.is-review:before{background:var(--status-review)}.stat-cell.is-progress:before{background:var(--status-progress)}.stat-cell.is-done:before{background:var(--status-done)}.stat-cell .label{font-size:13px;color:var(--color-muted);margin-bottom:4px}.stat-cell .value{font-family:var(--font-heading);font-weight:800;font-size:32px;line-height:1.15;color:var(--color-primary)}.v-new{color:var(--status-new)}.v-review{color:var(--status-review)}.v-progress{color:var(--status-progress)}.v-done{color:var(--status-done)}.table-wrap{overflow-x:auto;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:start;font-size:12px;font-weight:700;font-family:var(--font-heading);color:var(--color-muted);background:var(--navy-50);white-space:nowrap}.table td,.table th{padding:12px var(--space-4);border-bottom:1px solid var(--color-border)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--navy-50)}.notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.notif-item.unread{background:var(--color-accent-soft);border-color:rgb(13 132 160/.3)}.notif-item .unread-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);flex:none;margin-top:9px}.notif-item .icon-wrap{width:38px;height:38px;border-radius:10px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--navy-100);color:var(--navy-700)}.notif-item.unread .icon-wrap{background:var(--color-card);color:var(--color-accent)}.chat{display:flex;flex-direction:column;gap:var(--space-3)}.bubble{max-width:88%;padding:10px 14px;font-size:13.5px;background:var(--navy-50);border-radius:var(--radius-md);border:1px solid var(--color-border)}.bubble .who{font-size:11.5px;font-weight:700;font-family:var(--font-heading);margin-bottom:3px;color:var(--color-muted);display:flex;align-items:center;gap:6px}.bubble .when{font-size:10.5px;color:#94a3b8;margin-top:5px}.bubble-admin{align-self:flex-start;border-start-start-radius:4px}.bubble-customer{align-self:flex-end;background:var(--color-accent-soft);border-color:rgb(13 132 160/.2);border-start-end-radius:4px}.bubble-unread{border:1.5px solid var(--color-accent);position:relative;box-shadow:var(--shadow-ring)}.bubble-unread:after{content:"";position:absolute;top:-5px;inset-inline-end:-5px;width:11px;height:11px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-card)}.sys-msg{align-self:center;font-size:11.5px;color:var(--color-muted);background:var(--navy-50);border:1px solid var(--color-border);padding:4px 14px;border-radius:var(--radius-pill)}.container{max-width:1200px;margin-inline:auto;padding-inline:var(--space-6)}.page{padding-block:var(--space-8)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}.hero-dark{background:radial-gradient(1000px 500px at 85% -10%,rgb(13 132 160/.35),transparent 60%),radial-gradient(700px 400px at 10% 110%,rgb(5 150 105/.15),transparent 60%),linear-gradient(180deg,var(--navy-900),var(--navy-950));color:#e2e8f0;position:relative;overflow:hidden}.hero-dark:before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgb(148 163 184/.12) 1px,transparent 0),linear-gradient(90deg,rgb(148 163 184/.12) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 75%)}.hero-dark>*{position:relative}.hero-dark h1{color:#fff;font-size:46px;line-height:1.3}.hero-dark .kicker{display:inline-flex;gap:8px;font-size:13px;color:#7fdcef;background:rgb(44 197 226/.1);border:1px solid rgb(44 197 226/.25);border-radius:var(--radius-pill);padding:5px 16px}.hero-dark .kicker,.trust-item{align-items:center;font-weight:700;font-family:var(--font-heading)}.trust-item{display:flex;gap:10px;font-size:14px;color:#e2e8f0}.trust-item svg{color:var(--brand-cyan-bright)}.svc-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.svc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgb(13 132 160/.35)}.svc-card .icon-box{width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--navy-100);color:var(--navy-700);transition:all .2s ease}.svc-card:hover .icon-box{background:var(--color-accent);color:#fff}.svc-card .n{font-size:12px;font-weight:700;color:#94a3b8;font-family:var(--font-heading)}.faq-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.faq-item summary{cursor:pointer;padding:var(--space-4) var(--space-6);font-weight:700;font-family:var(--font-heading);font-size:15px;color:var(--color-primary);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:20px;color:var(--color-accent);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .faq-body{padding:0 var(--space-6) var(--space-4);color:var(--color-muted);font-size:14px}.poster{background:radial-gradient(800px 400px at 15% 120%,rgb(44 197 226/.25),transparent 60%),linear-gradient(135deg,var(--navy-800),var(--navy-950));color:#fff;padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg)}.poster h2{color:#fff;margin:0}.footer-dark{background:var(--navy-950);color:#94a3b8;margin-top:var(--space-8);padding:var(--space-8) 0;font-size:13.5px}.footer-dark a{color:#7fdcef}.form-alert-success{border:1px solid rgb(5 150 105/.35);background:var(--color-success-soft);color:var(--color-success-deep);padding:var(--space-4);font-weight:700;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.form-alert-error{border:1px solid rgb(220 38 38/.35);background:var(--color-danger-soft);color:var(--color-danger-deep);padding:var(--space-3) var(--space-4);font-size:13.5px;font-weight:700;border-radius:var(--radius-md)}@media (max-width:1000px){.shell{grid-template-columns:210px 1fr}.hero-dark h1{font-size:36px}}@media (max-width:900px){h1{font-size:31px}.stats-grid{grid-template-columns:1fr 1fr}.main-area{padding:var(--space-6) var(--space-4)}}.drawer,.drawer-backdrop,.drawer-toggle{display:none}@media (max-width:780px){.shell{grid-template-columns:1fr}.shell>.sidebar{display:none}.topbar{padding:10px var(--space-4);gap:var(--space-2)}.topbar .page-title{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.drawer-toggle:active{background:var(--navy-100)}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:90;background:rgb(8 21 38/.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{display:block;position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(300px,85vw);z-index:100;transform:translateX(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);box-shadow:-12px 0 40px rgb(8 21 38/.35)}.drawer.open{transform:translateX(0)}.drawer .drawer-panel{position:static;height:100%;width:100%;display:flex;flex-direction:column;padding-top:60px;overflow-y:auto}.drawer-close{position:absolute;top:14px;inset-inline-end:14px;z-index:2;width:38px;height:38px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.2);color:#e2e8f0;cursor:pointer}.drawer-close:active{background:rgb(255 255 255/.2)}}@media (min-width:781px){.drawer,.drawer-backdrop,.drawer-toggle{display:none!important}}@media (max-width:720px){.grid-2,.grid-3{grid-template-columns:1fr}.case-grid,.hero-grid,.svc-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.hero-dark h1{font-size:30px}}.stats-grid.cols-5{grid-template-columns:repeat(5,1fr)}.widgets-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.widget,.widgets-grid>*{min-width:0}.widget{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.widget .widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.widget .widget-head h4{margin:0;font-size:15.5px}.widget .widget-head a{font-size:12.5px;font-weight:700}.hbar-track{height:8px;border-radius:99px;background:var(--navy-100);overflow:hidden}.hbar-fill{height:100%;border-radius:99px;background:var(--color-accent);transition:width .4s ease}.mini-list{display:flex;flex-direction:column}.mini-list>*{padding:9px 0;border-bottom:1px solid var(--color-border)}.mini-list>:last-child{border-bottom:0}.msg-badge{display:inline-flex;min-width:19px;height:19px;padding-inline:5px;border-radius:99px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:700}.msg-badge,.pagination{align-items:center;justify-content:center}.pagination{display:flex;gap:6px;padding:var(--space-3);flex-wrap:wrap}.pagination a,.pagination span.cur{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-size:13px;font-weight:700;color:var(--color-primary);text-decoration:none!important;padding-inline:8px}.pagination a:hover{border-color:var(--color-accent);color:var(--color-accent)}.pagination span.cur{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:1100px){.stats-grid.cols-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.widgets-grid{grid-template-columns:1fr}}@media (max-width:640px){.stats-grid.cols-5{grid-template-columns:1fr 1fr}}.stage-panel{-webkit-border-start:4px solid var(--color-accent);border-inline-start:4px solid var(--color-accent)}.stage-panel.done{border-inline-start-color:var(--color-success);background:var(--color-success-soft)}.side-group{display:flex;flex-direction:column;gap:2px}.side-label{font-size:10.5px;font-weight:700;letter-spacing:.05em;color:#64748b;padding:14px 12px 5px}.side-link{position:relative}.side-link.active:before{content:"";position:absolute;inset-inline-start:-16px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--brand-cyan-bright)}.topbar{min-height:64px}.topbar .date-chip{font-size:12px;color:var(--color-muted);background:var(--navy-50);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 14px;white-space:nowrap}.main-area{max-width:1480px;width:100%;margin-inline:auto}.table-wrap thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.stat-cell{transition:transform .15s ease,box-shadow .15s ease}.stat-cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mini-steps{display:inline-flex;gap:4px;align-items:center}.ms-dot{width:26px;height:5px;border-radius:99px;background:var(--color-border-strong)}.ms-dot.done{background:var(--color-success)}.ms-dot.cur{background:var(--color-accent);box-shadow:0 0 0 2.5px rgb(13 132 160/.18)}@media (max-width:900px){.topbar .date-chip{display:none}}.steps{display:grid;grid-template-columns:repeat(6,1fr);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-2)}.step{position:relative;text-align:center;padding-inline:6px}.step:not(:first-child):before{content:"";position:absolute;top:17px;inset-inline-start:-50%;width:100%;height:2.5px;background:var(--color-border-strong);z-index:0}.step.current:not(:first-child):before,.step.done:not(:first-child):before{background:var(--color-success)}.step .dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;margin-inline:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--color-card);border:2px solid var(--color-border-strong);color:var(--color-muted);font-weight:700;font-size:14px;font-family:var(--font-heading)}.step.done .dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.step.current .dot{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 0 0 4px rgb(13 132 160/.18)}.step .t{font-size:12px;font-weight:700;font-family:var(--font-heading);margin-top:8px;color:var(--color-muted)}.step.current .t,.step.done .t{color:var(--color-primary)}.step .d{font-size:10.5px;color:var(--color-muted);margin-top:2px;line-height:1.5}@media (max-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:var(--space-3) 0}.step:nth-child(4):before{display:none}}@media (max-width:480px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(odd):before{display:none}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);font-size:13px;font-weight:700;font-family:var(--font-heading);color:var(--color-muted);text-decoration:none!important;background:var(--color-card);transition:all .15s ease}.chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.chip .n{background:var(--navy-100);border-radius:var(--radius-pill);padding:1px 8px;font-size:11px;color:var(--navy-700);min-width:22px;text-align:center}.chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chip.active .n{background:rgb(255 255 255/.18);color:#fff}.qs-select{min-height:32px;padding:3px 10px;font-size:12.5px;font-weight:700;font-family:var(--font-heading);width:auto;border-radius:var(--radius-pill)}.qs-select.qs-new{background:var(--color-danger-soft);color:var(--color-danger-deep);border-color:rgb(220 38 38/.3)}.qs-select.qs-review{background:var(--color-warning-soft);color:var(--color-warning-deep);border-color:rgb(217 119 6/.3)}.qs-select.qs-progress{background:var(--color-info-soft);color:var(--color-info-deep);border-color:rgb(37 99 235/.3)}.qs-select.qs-done{background:var(--color-success-soft);color:var(--color-success-deep);border-color:rgb(5 150 105/.3)}.qs-select:disabled{opacity:.55}.cell-main{font-weight:700;color:var(--color-primary)}.cell-sub{font-size:12px;margin-top:1px}.cell-sub,.deadline-ok{color:var(--color-muted)}.deadline-today{color:var(--color-warning-deep);font-weight:700}.deadline-late{color:var(--color-danger);font-weight:700}.deadline-done{color:var(--color-success-deep)}tr.row-late>td{background:rgb(254 242 242/.6)}.count-pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--color-muted);background:var(--navy-50);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px 9px}@media (max-width:920px){.table-wrap.rt{overflow:visible;border:0;background:transparent;box-shadow:none}.rt table,.rt tbody,.rt td,.rt tr{display:block;width:100%}.rt thead{display:none}.rt tr{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);padding:6px 0;overflow:hidden}.rt tbody tr:hover,.rt tr{background:var(--color-card)}.rt tr.row-late{-webkit-border-start:4px solid var(--color-danger);border-inline-start:4px solid var(--color-danger)}.rt tr.row-late>td{background:transparent}.rt td{border-bottom:0!important;padding:7px var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:none!important;white-space:normal!important}.rt td:before{content:attr(data-label);flex:none;font-weight:700;font-size:12px;color:var(--color-muted);font-family:var(--font-heading)}.rt td[data-label=""]:before{display:none}.rt td[data-label=""]{justify-content:flex-start;border-top:1px solid var(--color-border)!important;margin-top:4px;padding-top:10px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgb(13 132 160/.45)}70%{box-shadow:0 0 0 14px rgb(13 132 160/0)}to{box-shadow:0 0 0 0 rgb(13 132 160/0)}}@keyframes gridPan{0%{background-position:0 0,0 0}to{background-position:0 44px,44px 0}}.anim-fade-up{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both}.anim-d1{animation-delay:.12s}.anim-d2{animation-delay:.24s}.anim-d3{animation-delay:.36s}.anim-d4{animation-delay:.48s}.anim-float{animation:floatY 6s ease-in-out infinite}.hero-dark:before{animation:gridPan 18s linear infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.gis-map{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:relative;z-index:0;background:var(--navy-50)}.gis-map .leaflet-container{width:100%;height:100%;font-family:var(--font-body)}.gis-marker{width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2.5px solid #fff;animation:pulseDot 2.4s ease-out infinite}.gis-marker.done{background:var(--color-success)}.leaflet-popup-content-wrapper{border-radius:10px;font-family:var(--font-body);direction:rtl;text-align:right}.hero-full{min-height:100dvh;display:flex;flex-direction:column}.hero-full>.container{flex:1 1;display:flex;align-items:center;padding-top:96px;padding-bottom:40px}.hero-full .hero-grid{width:100%}.hero-full h1{font-size:54px;letter-spacing:-.01em}.hero-full h1 .glow{background:linear-gradient(90deg,#7fdcef,var(--brand-cyan-bright) 45%,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes bounceY{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:1}}.scroll-hint{display:flex;justify-content:center;padding-bottom:14px;color:#7fdcef;animation:bounceY 2s ease-in-out infinite}@media (max-width:900px){.hero-full h1{font-size:38px}.hero-full>.container{padding-top:120px}}.nav-overlay{position:fixed;top:0;inset-inline:0;background:transparent;border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.nav-overlay:not(.scrolled){color:#fff}.nav-overlay:not(.scrolled) .nav-brand{color:#fff!important}.nav-overlay:not(.scrolled) .nav-brand .dot{color:var(--brand-cyan-bright)}.nav-overlay:not(.scrolled) a{color:#e2e8f0}.nav-overlay:not(.scrolled) a.active-link,.nav-overlay:not(.scrolled) a:hover{color:#7fdcef}.nav-overlay:not(.scrolled) a.active-link:after{background:#7fdcef}.nav-overlay:not(.scrolled) .btn-secondary{background:transparent;border-color:rgb(255 255 255/.55);color:#fff}.nav-overlay:not(.scrolled) .btn-secondary:hover{border-color:#fff;background:rgb(255 255 255/.1)}.nav-overlay:not(.scrolled) .bell{color:#fff}.nav-overlay:not(.scrolled) .bell:hover{background:rgb(255 255 255/.1)}.nav-overlay:not(.scrolled) .btn-ghost{color:#7fdcef}.nav-overlay.scrolled{background:rgb(255 255 255/.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.page-hero{background:linear-gradient(180deg,var(--navy-900),var(--navy-800));color:#e2e8f0;padding:126px 0 48px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgb(148 163 184/.14) 1px,transparent 0),linear-gradient(90deg,rgb(148 163 184/.14) 1px,transparent 0);background-size:44px 44px}.page-hero>*{position:relative}.page-hero h1{color:#fff;font-size:34px;margin-bottom:6px}.page-hero p{color:#94a3b8;max-width:70ch}.crumb{font-size:12.5px;color:#7fdcef;font-weight:600;margin-bottom:10px;display:inline-flex;gap:6px;align-items:center}.nav a.active-link{color:var(--color-accent);position:relative}.nav a.active-link:after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2.5px;background:var(--color-accent);border-radius:2px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.timeline-step{position:relative;padding-top:var(--space-4)}.timeline-step:before{content:"";position:absolute;top:21px;inset-inline-start:52px;inset-inline-end:-8px;height:2px;background:var(--color-border-strong)}.timeline-step:last-child:before{display:none}.timeline-step .step-n{width:42px;height:42px;border-radius:50%;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;font-size:16px;border:3px solid var(--color-bg);box-shadow:var(--shadow-sm)}.timeline-step h5{margin:10px 0 4px;font-size:15px}.timeline-step p{font-size:13px;color:var(--color-muted);margin:0}.proj-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.proj-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.proj-card .proj-body{padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:8px;flex:1 1}.proj-card .proj-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:10px;margin-top:auto}.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;grid-gap:var(--space-8);gap:var(--space-8);padding-bottom:var(--space-6)}.footer-cols h6{color:#e2e8f0;font-size:13px;margin-bottom:12px}.footer-cols a{display:block;color:#94a3b8;font-size:13px;margin-bottom:8px}.footer-cols a:hover{color:#7fdcef;text-decoration:none}.footer-bottom{border-top:1px solid rgb(148 163 184/.15);padding-top:var(--space-4);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);font-size:12.5px}.svc-detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;padding:var(--space-8) 0;border-bottom:1px solid var(--color-border)}.svc-detail:last-child{border-bottom:0}.svc-detail ul{margin:0;-webkit-padding-start:20px;padding-inline-start:20px;color:var(--color-muted);font-size:14px;line-height:2}.svc-visual{border-radius:var(--radius-lg);min-height:260px;position:relative;overflow:hidden;background:radial-gradient(400px 200px at 70% 20%,rgb(13 132 160/.25),transparent 60%),linear-gradient(160deg,var(--navy-800),var(--navy-950));display:flex;align-items:center;justify-content:center;color:#7fdcef}.svc-visual:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgb(148 163 184/.15) 1px,transparent 0),linear-gradient(90deg,rgb(148 163 184/.15) 1px,transparent 0);background-size:36px 36px}@media (max-width:900px){.timeline{grid-template-columns:1fr 1fr}.timeline-step:before{display:none}.footer-cols{grid-template-columns:1fr 1fr}}@media (max-width:720px){.svc-detail{grid-template-columns:1fr}.page-hero h1{font-size:27px}.footer-cols{grid-template-columns:1fr}}