.project-hub{--ph-ink:#19172e;--ph-gold:#c6a458;--ph-muted:#7b83a3;--ph-line:#e9e5f3;color:var(--ph-ink);font-family:inherit;padding:8px 0 30px}.project-hub *{box-sizing:border-box}.ph-modal button,.project-hub a,.project-hub button{transition:background .18s,box-shadow .18s,transform .18s}.ph-modal button:hover:not(:disabled),.project-hub button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #2920390e}.ph-modal :focus-visible,.project-hub button:focus-visible{outline:3px solid #bcb0ea;outline-offset:3px}.ph-modal button,.project-hub .ph-actions a,.project-hub button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ph-line,#e9e5f3);border-radius:10px;background:white;color:inherit;padding:10px 15px;font:inherit;cursor:pointer;text-decoration:none}.ph-modal button:disabled,.project-hub button:disabled{opacity:.45;cursor:not-allowed}.ph-modal .ph-primary,.project-hub .ph-primary{background:linear-gradient(110deg,#e8d59d,#c6a458);border-color:#d1b573;color:#231b26;font-weight:700}.ph-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.ph-heading h1{font-size:clamp(25px,3vw,35px);margin:10px 0}.ph-heading small{font-size:10px;letter-spacing:2px;color:var(--ph-muted)}.ph-heading p,.ph-panel p{color:var(--ph-muted);line-height:1.9}.ph-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ph-content{animation:ph-enter .28s ease-out}.ph-toolbar{gap:16px;margin-bottom:20px}.ph-search,.ph-toolbar{display:flex;align-items:center}.ph-search{gap:12px;background:#fff;border:1px solid var(--ph-line);border-radius:12px;padding:0 15px;flex:1 1}.ph-search input{border:0!important;background:transparent!important;outline:0;width:100%;padding:14px!important}.ph-modal input,.ph-modal select,.ph-modal textarea,.project-hub input,.project-hub select{font:inherit;color:inherit;border:1px solid #e2ddec;background:#fdfcff;border-radius:9px;padding:12px;max-width:100%}.ph-table-scroll{overflow:auto;border:1px solid var(--ph-line);border-radius:18px;background:#fff}.ph-table{border-collapse:collapse;width:100%;text-align:start;min-width:760px}.ph-table th{background:#faf8fe;color:var(--ph-muted);font-size:12px;padding:18px;text-align:start;font-weight:500}.ph-table td{padding:20px 16px;border-top:1px solid #efecf5;vertical-align:middle;font-size:14px}.ph-table tr:hover td{background:#fdfbff}.ph-table small{display:block;color:var(--ph-muted);font-size:10px;margin-top:8px;overflow-wrap:anywhere}.project-hub .ph-title-link{border:0;padding:0;text-align:start;background:transparent;font-weight:700;justify-content:flex-start}.ph-badge{display:inline-flex;gap:6px;align-items:center;border-radius:20px;background:#f0eafa;color:#8463ba;padding:6px 11px;font-size:11px;white-space:nowrap}.ph-state-ACCEPTED,.ph-state-APPROVED,.ph-state-COMPLETED{background:#e8f7ef;color:#158a5d}.ph-state-APPROVED_NOTES,.ph-state-OPEN,.ph-state-PENDING,.ph-state-UNDER_REVIEW{background:#fff4d9;color:#a97716}.ph-state-CHANGES,.ph-state-PAUSED{background:#fcebee;color:#b75e77}.ph-mini-progress{width:94px;height:5px;background:#eeebf3;border-radius:5px;overflow:hidden;margin-bottom:8px}.ph-mini-progress i,.ph-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#dac482,#bf9850);border-radius:inherit;transition:width .6s}.ph-pagination{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:22px;font-size:12px}.ph-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed var(--ph-line);border-radius:18px;color:var(--ph-muted)}.ph-empty>svg{width:35px;height:35px;color:#a38ac7}.ph-empty h3{color:var(--ph-ink)}.ph-loading{display:flex;gap:12px;align-items:center;padding:18px;background:#f5f0ff;border-radius:12px;margin-bottom:15px}.ph-error{background:#fff0f0;border-radius:12px;padding:16px;color:#9c3149;margin-bottom:16px}.ph-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.ph-section-head h2{font-size:20px;display:flex;align-items:center;gap:8px}.ph-progress-card{background:linear-gradient(115deg,#fff 62%,#faf5e8);border:1px solid #e9dfca;border-radius:20px;padding:27px;margin-bottom:20px}.ph-progress-card h2{margin:16px 0 8px}.ph-progress-card p{color:var(--ph-muted)}.ph-progress-number{font-size:48px;font-weight:700;color:#b49450}.ph-progress-number small{font-size:18px}.ph-progress-track{height:9px;background:#eeebf3;border-radius:10px;overflow:hidden}.ph-stages{display:flex;justify-content:space-between;margin:25px 0}.project-hub .ph-stages button{flex:1 1;flex-direction:column;background:none;border:0;position:relative;font-size:12px;color:var(--ph-muted)}.ph-stages button span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eeebf3;z-index:1}.ph-stages button.is-done span{background:#c6a458;color:white}.ph-stages button:not(:last-child):after{content:"";position:absolute;inset-inline-start:50%;top:24px;width:100%;height:1px;background:#e6dfcf}.project-hub .ph-approval-alert{width:100%;justify-content:flex-start;background:#fff8e6;border-color:#ecdbad;padding:18px;margin-bottom:20px;text-align:start}.ph-approval-alert span{flex:1 1}.ph-approval-alert small{display:block;color:#887b61;margin-top:5px}.ph-tabs{display:flex;gap:4px;border-bottom:1px solid var(--ph-line);margin-bottom:25px;overflow:auto;white-space:nowrap;padding:4px 0 12px}.project-hub .ph-tabs button{border:0;background:none;font-size:13px;padding:12px 14px}.project-hub .ph-tabs button[aria-current=page]{background:#211c34;color:#f5df9e;box-shadow:0 4px 16px #211c3420}.ph-tabs b{background:#fff3;color:inherit;border-radius:50%;font-size:10px;padding:3px 7px}.ph-tab-content{animation:ph-enter .25s ease-out}.ph-overview{display:grid;grid-template-columns:2fr 1fr;gap:20px}.ph-artifact,.ph-panel{background:white;border:1px solid var(--ph-line);border-radius:17px;padding:24px;min-width:0}.ph-panel h2{font-size:21px}.ph-manager{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:linear-gradient(150deg,#fff,#f3edf9)}.ph-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#242039;color:#e2c780;font-size:24px}.ph-manager a{display:flex;align-items:center;gap:10px;color:#5c6585;font-size:13px}.ph-manager h2{margin:0}.ph-artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ph-artifact h3{font-size:18px;margin:14px 0}.ph-artifact small{color:var(--ph-muted);font-size:11px}.ph-file-icon{background:#f2edfa;border-radius:12px;color:#9273bd;padding:10px;display:inline-flex}.ph-excerpt{color:#7c7a91;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:pre-wrap}.ph-artifact .ph-actions{margin-top:18px}.ph-artifact .ph-actions a,.ph-artifact .ph-actions button{font-size:12px;padding:9px 12px}.ph-decision{color:#368a69;display:flex;gap:6px;align-items:center;font-size:12px}.ph-stage-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.ph-stage-tabs button[aria-pressed=true]{background:#eee7f7;color:#7b56aa;border-color:#c8b3de}.ph-modal-backdrop{position:fixed;inset:0;background:#16122688;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:22px;animation:ph-enter .2s}.ph-modal{background:#fff;color:#201c34;border-radius:20px;width:min(850px,100%);max-height:90dvh;overflow:hidden;display:flex;flex-direction:column;padding:26px;box-shadow:0 22px 100px #1114;font-family:inherit;outline:none}.ph-modal header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ph-modal-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e7a6cc transparent;padding-inline-end:4px}.ph-modal-scroll::-webkit-scrollbar{width:5px;height:5px}.ph-modal-scroll::-webkit-scrollbar-thumb{background:#e7a6cc;border-radius:10px}@media (prefers-reduced-motion:reduce){.ph-modal,.ph-modal-backdrop{animation:none;transition:none}}.ph-modal h2{font-size:23px;margin:0}.ph-modal fieldset{border:0;padding:0;margin:0;min-width:0}.ph-form-grid label,.ph-modal label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:14px}.ph-modal input,.ph-modal select,.ph-modal textarea{width:100%}.ph-modal textarea{min-height:100px}.ph-modal .ph-check{flex-direction:row;align-items:center}.ph-check input{width:auto}.ph-preview{min-height:250px;background:#f6f4fa;border-radius:14px;overflow:hidden;margin-bottom:16px;text-align:center}.ph-preview img{max-width:100%;max-height:65vh;object-fit:contain}.ph-preview iframe,.ph-reply iframe{width:100%;height:60vh;border:0}.ph-reply{border-top:1px solid #eee;padding:20px 0}.ph-reply small{display:block;color:#82819c;margin:8px 0}.ph-reply img{max-width:100%}.ph-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ph-editor{border:1px solid var(--ph-line);border-radius:18px;background:white;padding:20px}.ph-vault-hint{background:#f3edf9;padding:16px;border-radius:12px;color:#736285;line-height:1.8}.ph-provider{display:inline-flex;align-items:center;justify-content:center;min-width:75px;height:40px;border-radius:10px;background:#f1edfa;color:#8059b0;font-family:Arial,sans-serif;font-weight:700}.provider-CPANEL .ph-provider{color:#ed682f;background:#fff0e8}.provider-POSTMAN .ph-provider{color:#ef6b3c;background:#fff0e8}.provider-FIREBASE .ph-provider{color:#bb8100;background:#fff5d4}.provider-FIGMA .ph-provider{background:linear-gradient(100deg,#fff0e8,#ecf5f0,#eeeafa);color:#44345f}.ph-masked{font-size:22px;letter-spacing:5px;color:#b3a9bf;padding:15px 0}.ph-secret-values>div{margin:12px 0}.ph-secret-values>div>div{display:flex;align-items:start;gap:10px;background:#f8f6fc;padding:10px;border-radius:8px}.ph-secret-values code{white-space:pre-wrap;overflow-wrap:anywhere;flex:1 1;font-size:13px}.ph-secret-values button{padding:5px!important}.ph-vault{border-top:3px solid #d2bd82}@keyframes ph-enter{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.ph-heading{align-items:flex-start;flex-direction:column}.ph-artifact-grid,.ph-form-grid,.ph-overview{grid-template-columns:1fr}.ph-toolbar{flex-wrap:wrap}.ph-toolbar .ph-search{flex-basis:100%}.ph-modal-backdrop{padding:8px}.ph-modal{max-height:95dvh}.ph-modal,.ph-progress-card{padding:18px}.ph-stages button{padding:8px 2px!important;font-size:10px!important}.ph-stages button:after{top:22px!important}.ph-heading h1{font-size:26px}.ph-tabs{max-width:100%}}@media (prefers-reduced-motion:reduce){.ph-modal *,.ph-modal-backdrop,.project-hub *{animation:none!important;transition:none!important}}.ph-modal .ph-primary,.project-hub .ph-primary{color:#20172d!important;background:linear-gradient(120deg,#f0d998,#d3ad55)!important;border-color:#cda74e!important;box-shadow:0 8px 20px #c8a24a20!important;font-weight:800}.ph-modal button:not(.ph-primary):not(.ph-danger),.project-hub button:not(.ph-primary):not(.ph-danger){border-radius:10px}.ph-modal-backdrop{width:100vw;height:100dvh}@media(max-width:700px){.project-hub .ph-table-scroll{overflow:visible;background:transparent;border:0}.project-hub .ph-table{min-width:0;width:100%;display:block;background:transparent}.project-hub .ph-table thead{display:none}.project-hub .ph-table tbody{display:grid;gap:12px}.project-hub .ph-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid #dfe5f0;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #1727440b}.project-hub .ph-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:0;border-bottom:1px solid #edf0f6;font-size:12px}.project-hub .ph-table td:first-child{grid-column:1/-1;padding:15px;background:linear-gradient(135deg,#fbfaff,#f7f9fd)}.project-hub .ph-table td:nth-child(2):before{content:"الحالة"}.project-hub .ph-table td:nth-child(3):before{content:"المرحلة"}.project-hub .ph-table td:nth-child(4):before{content:"مدير المشروع"}.project-hub .ph-table td:nth-child(5):before{content:"الإنجاز"}.project-hub .ph-table td:nth-child(6):before{content:"المراجعة"}.project-hub .ph-table td:nth-child(7){grid-column:1/-1;border-bottom:0}.project-hub .ph-table td:nth-child(7) button{width:100%;min-height:42px}.project-hub .ph-table td:before{color:#8a96aa;font-size:10px;font-weight:700}.project-hub .ph-title-link{width:100%;justify-content:flex-start;text-align:start}.project-hub .ph-mini-progress{width:70px}.ph-modal-backdrop{padding:10px;align-items:center}.ph-modal{width:100%;max-height:calc(100dvh - 20px);padding:18px;border-radius:18px}}.ph-modal .ph-danger,.project-hub .ph-danger{background:#fff6f7;border-color:#f1cfd4;color:#a93c4c;font-weight:700}.ph-modal .ph-danger:hover:not(:disabled),.project-hub .ph-danger:hover:not(:disabled){background:#ffedef;border-color:#eeb9c1}.ph-form-hint{display:block;margin:-8px 0 14px;color:#a93c4c;font-size:12px}.ph-heading-project{position:relative;margin-bottom:16px;padding:4px 2px 14px;border-bottom:1px solid rgba(233,229,243,.82);animation:ph-workspace-head .28s ease-out}.ph-heading-project h1{margin:7px 0 3px;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em}.ph-heading-project p{margin:3px 0 0}.ph-heading-project .ph-actions button{border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(35,27,60,.055)}.ph-content{min-width:0}.ph-progress-card{position:relative;overflow:hidden;box-shadow:0 14px 38px rgba(41,32,57,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ph-progress-card:before{content:"";position:absolute;width:230px;height:230px;inset-inline-end:-100px;top:-135px;border-radius:50%;background:radial-gradient(circle,rgba(198,164,88,.14),transparent 68%);pointer-events:none}.ph-progress-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(41,32,57,.075);border-color:#dfd2b5}.ph-progress-track{height:10px;box-shadow:inset 0 1px 2px rgba(35,27,60,.05)}.ph-progress-track i{transition:width .85s cubic-bezier(.22,.8,.28,1)}.project-hub .ph-stages button{border-radius:13px;transition:color .2s ease,background .2s ease,transform .2s ease}.project-hub .ph-stages button:hover{background:rgba(248,245,252,.72);transform:translateY(-2px)}.ph-stages button.is-current{color:#6e55a7;font-weight:700}.ph-stages button.is-current span{background:#211c34;color:#f5df9e;box-shadow:0 0 0 5px rgba(33,28,52,.07),0 6px 18px rgba(33,28,52,.14)}.ph-tabs{position:sticky;top:0;z-index:12;padding:8px 8px 10px;margin:0 -8px 22px;border:1px solid rgba(233,229,243,.82);border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(41,32,57,.045);scrollbar-width:thin}.project-hub .ph-tabs button{border-radius:10px}.project-hub .ph-tabs button[aria-current=page]{transform:translateY(-1px);box-shadow:0 7px 20px rgba(33,28,52,.16)}.ph-tab-content{animation:ph-tab-enter .22s cubic-bezier(.2,.75,.3,1)}.ph-artifact,.ph-panel{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ph-artifact:hover,.ph-panel:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(41,32,57,.055);border-color:#ddd5e8}@keyframes ph-tab-enter{0%{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ph-workspace-head{0%{opacity:.35;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (max-width:800px){.ph-heading-project{gap:10px}.ph-heading-project .ph-actions,.ph-heading-project .ph-actions button{width:100%}.ph-tabs{top:0;margin-inline:-4px}}@media (prefers-reduced-motion:reduce){.ph-heading-project,.ph-progress-track i,.ph-tab-content{animation:none!important;transition:none!important}}.project-hub .ph-tab-content{min-height:260px;contain:layout paint}.project-hub .ph-tabs{scroll-margin-top:0}.project-hub .ph-back-projects{display:inline-flex;align-items:center;gap:8px}[dir=rtl] .project-hub .ph-back-projects{flex-direction:row}.project-hub{width:100%;max-width:1760px;margin-inline:auto;min-width:0}.project-hub *{min-width:0}.ph-table-scroll,.ph-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ph-actions,.ph-heading,.ph-section-head{flex-wrap:wrap}.ph-artifact,.ph-content,.ph-panel,.ph-tab-content{max-width:100%}@media (min-width:1800px){.project-hub{padding-inline:10px}.ph-progress-card{padding:34px}.ph-overview{grid-template-columns:minmax(0,2.2fr) minmax(300px,.8fr);gap:24px}.ph-artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-artifact,.ph-panel{padding:28px}}@media (max-width:1280px){.ph-overview{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr)}.ph-artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-progress-card{padding:24px}}@media (max-width:1024px){.ph-overview{grid-template-columns:1fr}.ph-manager{order:2}.ph-form-grid{grid-template-columns:1fr}.ph-section-head{align-items:flex-start}.ph-progress-number{font-size:42px}.ph-stages{overflow-x:auto;justify-content:flex-start;gap:6px;padding:4px 0 10px;scroll-snap-type:x proximity}.project-hub .ph-stages button{flex:0 0 150px;scroll-snap-align:start}.ph-stages button:not(:last-child):after{width:100%}.ph-tabs{overflow-x:auto;justify-content:flex-start}.project-hub .ph-tabs button{flex:0 0 auto}}@media (max-width:800px){.project-hub{padding:4px 0 20px}.ph-heading,.ph-heading-project{display:grid;grid-template-columns:1fr;gap:10px}.ph-heading h1,.ph-heading-project h1{font-size:clamp(24px,7vw,30px)}.ph-heading .ph-actions,.ph-heading-project .ph-actions{width:100%;display:grid;grid-template-columns:1fr}.ph-heading .ph-actions a,.ph-heading .ph-actions button,.ph-heading-project .ph-actions button{width:100%}.ph-progress-card{padding:18px;border-radius:17px}.ph-section-head{display:grid;grid-template-columns:1fr}.ph-progress-number{font-size:36px}.ph-stages{margin:18px 0}.project-hub .ph-stages button{flex-basis:132px;font-size:11px;padding:9px 7px}.ph-tabs{position:sticky;top:0;z-index:15;margin-inline:0;padding:7px 5px 9px;border-radius:12px;background:rgba(255,255,255,.94)}.project-hub .ph-tabs button{min-height:42px;padding:9px 11px}.ph-artifact-grid,.ph-overview{grid-template-columns:1fr;gap:12px}.ph-artifact,.ph-panel{padding:18px;border-radius:15px}.ph-table-scroll{border-radius:14px}.ph-table{min-width:680px}.ph-modal{padding:10px}.ph-modal>div,.ph-modal>section{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto}.ph-preview iframe,.ph-reply iframe{height:55dvh}}@media (max-width:600px){.ph-heading-project{padding-bottom:10px}.ph-progress-card{padding:15px}.ph-progress-card h2{font-size:19px;margin-top:10px}.ph-progress-card p{font-size:13px;line-height:1.7}.ph-progress-number{font-size:32px}.ph-stages{margin-inline:-4px}.project-hub .ph-stages button{flex-basis:118px}.ph-tabs{margin-bottom:14px}.project-hub .ph-tabs button{font-size:12px;padding:8px 10px}.ph-artifact,.ph-panel{padding:15px}.ph-panel h2{font-size:18px}.ph-table{min-width:620px}.ph-table th{padding:12px;font-size:11px}.ph-table td{padding:14px 11px;font-size:12px}.ph-form-grid input,.ph-form-grid select,.ph-form-grid textarea,.ph-modal input,.ph-modal select,.ph-modal textarea{font-size:16px}.ph-editor{padding:12px;border-radius:14px}.ph-approval-alert{align-items:flex-start;flex-direction:column}.ph-approval-alert button{width:100%}}@media (max-width:420px){.project-hub .ph-stages button{flex-basis:108px}.ph-artifact,.ph-panel,.ph-progress-card{padding:13px}.ph-table{min-width:580px}}.stx-stages-tab-shell{display:grid;gap:22px}.stx-stage-overview{border:1px solid var(--stx-line,#ece7f1);background:linear-gradient(180deg,#fff,#fbfafc);border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(41,32,57,.045)}.stx-stage-overview__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.stx-stage-overview__head>div>span{display:block;color:var(--stx-primary,#8f5aa8);font-size:12px;font-weight:700;margin-bottom:4px}.stx-stage-overview__head h2{margin:0;font-size:22px}.stx-stage-overview__head p{max-width:560px;margin:0;color:var(--stx-muted,#777286);line-height:1.8;font-size:13px}.stx-stage-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.stx-stage-roadmap__item{position:relative;min-width:0;display:flex;flex-direction:column}.stx-stage-roadmap__rail{display:flex;align-items:center;margin:0 10px 10px;min-height:28px}.stx-stage-roadmap__index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #ddd4e6;background:#fff;color:#776d82;font-size:12px;font-weight:800;flex:0 0 auto}.stx-stage-roadmap__line{height:2px;background:#e8e1ee;flex:1 1;margin-inline-start:8px}.stx-stage-roadmap__item.is-completed .stx-stage-roadmap__index{background:#ecf8f2;border-color:#b9e2cf;color:#247558}.stx-stage-roadmap__item.is-current .stx-stage-roadmap__index{background:#f3ebf8;border-color:#ccb5da;color:#7a4a93;box-shadow:0 0 0 4px rgba(143,90,168,.08)}.stx-stage-roadmap__item.is-completed .stx-stage-roadmap__line{background:#b9e2cf}.stx-stage-roadmap__card{width:100%;flex:1 1;border:1px solid #ebe6ef;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:190px;text-align:inherit;color:inherit;font:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.stx-stage-roadmap__item.is-current .stx-stage-roadmap__card{border-color:#cfbddb;box-shadow:0 10px 26px rgba(106,63,128,.08)}.stx-stage-roadmap__card:hover{transform:translateY(-2px);border-color:#d7c8e0;box-shadow:0 12px 28px rgba(75,50,92,.07)}.stx-stage-roadmap__item.is-selected .stx-stage-roadmap__card{border-color:#8d64a5;box-shadow:0 0 0 2px rgba(141,100,165,.1),0 12px 30px rgba(90,58,108,.08)}.stx-stage-roadmap__item.is-completed .stx-stage-roadmap__card{border-color:#d8ebe2}.stx-stage-roadmap__title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.stx-stage-roadmap__title-row small{display:block;color:#948d9d;font-size:10px;margin-bottom:4px}.stx-stage-roadmap__title-row h3{margin:0;font-size:15px;line-height:1.5}.stx-stage-roadmap__state{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:700;white-space:nowrap;background:#f5f3f7;color:#7d7684}.stx-stage-roadmap__state.is-completed{background:#edf8f2;color:#267759}.stx-stage-roadmap__state.is-current{background:#f2eaf7;color:#77488e}.stx-stage-roadmap__metrics{display:grid;gap:7px;color:#77717e;font-size:11px}.stx-stage-roadmap__metrics span{display:flex;align-items:center;gap:5px;justify-content:space-between;border-bottom:1px dashed #eee9f1;padding-bottom:6px}.stx-stage-roadmap__metrics strong{color:#342c3c;font-size:12px}.stx-stage-roadmap__card footer{margin-top:auto;display:grid;gap:6px;color:#8c8593;font-size:10px;line-height:1.5}.stx-stage-roadmap__card footer b{color:#644078;font-size:11px;font-weight:700}@media (max-width:1200px){.stx-stage-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.stx-stage-overview{padding:18px}.stx-stage-overview__head{align-items:flex-start;flex-direction:column;gap:8px}.stx-stage-roadmap{grid-template-columns:1fr}.stx-stage-roadmap__rail{display:none}.stx-stage-roadmap__card{min-height:0}.stx-stage-roadmap__title-row{align-items:center}}.stx-stage-overview__actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:620px}.stx-stage-overview__actions p{margin:0}.stx-stage-overview__actions button{display:inline-flex;align-items:center;gap:8px}.stx-stage-override{display:grid;gap:16px;min-width:min(620px,80vw)}.stx-stage-override>label{display:grid;gap:8px;font-weight:700}.stx-stage-override>label>span{font-size:.9rem}.stx-stage-override textarea{width:100%;resize:vertical;border:1px solid var(--stx-line,#dedbea);border-radius:12px;padding:12px 14px;font:inherit;background:var(--stx-surface,#fff);color:inherit}.stx-stage-override label small{font-weight:400;color:var(--stx-muted,#7a7890)}.stx-stage-override__notice,.stx-stage-override__summary{display:flex;align-items:flex-start;gap:12px;border:1px solid color-mix(in srgb,var(--stx-accent,#b58a3b) 28%,transparent);background:color-mix(in srgb,var(--stx-accent,#b58a3b) 8%,var(--stx-surface,#fff));border-radius:14px;padding:14px}.stx-stage-override__notice p{margin:5px 0 0;color:var(--stx-muted,#6f6d80);line-height:1.7}.stx-stage-override__summary{align-items:center}.stx-stage-override__error{margin:0;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#a92e2e}.stx-stage-override__footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}@media(max-width:760px){.stx-stage-overview__actions{align-items:stretch;max-width:none}.stx-stage-overview__actions button{justify-content:center}.stx-stage-override{min-width:0;width:min(88vw,620px)}.stx-stage-override__footer{flex-direction:column-reverse}.stx-stage-override__footer button{width:100%;justify-content:center}}.stx-stage-locked{display:flex;align-items:flex-start;gap:14px;margin-top:18px;padding:24px;border:1px dashed color-mix(in srgb,var(--stx-purple,#7452b8) 34%,transparent);border-radius:18px;background:color-mix(in srgb,var(--stx-purple,#7452b8) 5%,#fff);color:var(--stx-ink,#1b2440)}.stx-stage-locked strong{display:block;margin-bottom:5px;font-size:1rem}.stx-stage-locked p{margin:0;color:var(--stx-muted,#79778a);line-height:1.75}.stx-entry-move-form{display:grid;gap:16px;min-width:min(560px,84vw)}.stx-entry-move-form>label{display:grid;gap:8px;font-weight:700}.stx-entry-move-form textarea{width:100%;border:1px solid var(--stx-line,#dedbea);border-radius:12px;padding:12px 14px;resize:vertical;font:inherit}.ph-review-state{margin:10px 0;padding:9px 11px;border-radius:10px;background:#fff7df;color:#73591a;font-size:.86rem}@media(max-width:760px){.stx-entry-move-form{min-width:0;width:min(88vw,560px)}.stx-stage-locked{padding:18px}}.stx-stage-overview{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 12% 8%,rgba(143,90,168,.1),transparent 28%),radial-gradient(circle at 88% 14%,rgba(181,138,59,.1),transparent 24%),linear-gradient(180deg,#fff,#fbfafc)}.stx-stage-overview:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(111,80,130,.045) 1px,transparent 0),linear-gradient(90deg,rgba(111,80,130,.045) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 88%)}.stx-stage-roadmap__card{position:relative;overflow:hidden;isolation:isolate}.stx-stage-roadmap__card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;inset:auto -55px -58px auto;background:radial-gradient(circle,rgba(143,90,168,.12),transparent 68%);z-index:-1;transition:transform .35s ease,opacity .35s ease;opacity:.65}.stx-stage-roadmap__card:hover:after,.stx-stage-roadmap__item.is-selected .stx-stage-roadmap__card:after{transform:scale(1.28);opacity:1}.stx-stage-roadmap__item.is-current .stx-stage-roadmap__card{animation:stxStagePulse 5.5s ease-in-out infinite}.stx-stage-roadmap__progress{display:flex;align-items:center;gap:9px;margin-top:1px}.stx-stage-roadmap__progress i{height:5px;border-radius:999px;background:#eee9f1;overflow:hidden;flex:1 1}.stx-stage-roadmap__progress i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--stx-primary,#6f4e91),var(--stx-accent,#c89b49));transition:width .35s ease}.stx-stage-roadmap__progress span{font-size:10px;font-weight:800;color:#766d80;min-width:30px;text-align:end}.stx-stage-roadmap__item.is-completed .stx-stage-roadmap__progress i b{background:linear-gradient(90deg,#31966f,#69bea0)}.ph-receipt{display:flex;align-items:center;gap:7px;margin:8px 0;padding:9px 11px;border-radius:10px;background:#ecf8f2;color:#246f55;font-size:.84rem}.ph-review-state.is-pending-review{border:1px solid #f0dfab;background:#fff8df}@keyframes stxStagePulse{0%,to{box-shadow:0 10px 26px rgba(106,63,128,.08)}50%{box-shadow:0 14px 34px rgba(106,63,128,.15)}}@media (prefers-reduced-motion:reduce){.stx-stage-roadmap__item.is-current .stx-stage-roadmap__card{animation:none}.stx-stage-roadmap__card,.stx-stage-roadmap__card:after{transition:none}}.ph-modal:has(.stx-project-stage-update-form){width:min(760px,92vw);max-height:min(86dvh,780px);padding:0;overflow:auto;border:1px solid rgba(106,73,137,.16);border-radius:24px;background:linear-gradient(180deg,#fff,#fbf9fd);box-shadow:0 34px 90px rgba(29,19,42,.24)}.ph-modal:has(.stx-project-stage-update-form)>header{position:sticky;top:0;z-index:5;margin:0;padding:22px 24px 18px;border-bottom:1px solid rgba(106,73,137,.1);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ph-modal:has(.stx-project-stage-update-form)>header:after{content:"STARSTECH / PROJECT CONTROL";display:block;margin-top:5px;color:#a07a52;font-size:8px;font-weight:800;letter-spacing:.18em}.ph-modal:has(.stx-project-stage-update-form) h2{font-size:23px;letter-spacing:-.02em;color:#202841}.stx-project-stage-update-form{padding:22px 24px 26px}.stx-project-stage-update-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.stx-project-stage-update-form label{display:grid;gap:8px;margin:0;font-size:11px;font-weight:800;color:#4c5365}.stx-project-stage-update-form label:nth-of-type(4),.stx-project-stage-update-form label:nth-of-type(5){grid-column:1/-1}.stx-project-stage-update-form input,.stx-project-stage-update-form textarea{min-height:44px;border:1px solid rgba(106,73,137,.14)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 16px rgba(45,30,66,.025)}.stx-project-stage-update-form textarea{min-height:104px!important;resize:vertical}.stx-project-stage-update-form fieldset>p[role=alert]{grid-column:1/-1;margin:0;padding:11px 13px;border-radius:10px;background:#fff2f2;color:#a73535}.stx-project-stage-update-form fieldset>.admin-save-button,.stx-project-stage-update-form fieldset>button[type=submit]{grid-column:1/-1;justify-self:end;min-width:150px}.ph-modal:has(.stx-project-stage-update-form) .quote-calendar{z-index:20}@media(max-width:700px){.stx-project-stage-update-form fieldset{grid-template-columns:1fr}.stx-project-stage-update-form label:nth-of-type(4),.stx-project-stage-update-form label:nth-of-type(5){grid-column:auto}.ph-modal:has(.stx-project-stage-update-form)>header{padding:18px}.stx-project-stage-update-form{padding:18px}}.ph-heading-project-compact{min-height:44px;margin:0 0 10px;padding:0;border:0;display:flex;align-items:center;justify-content:flex-start;background:transparent;animation:none}.ph-heading-project-compact .ph-project-back-actions{width:auto;margin:0;display:flex;justify-content:flex-start}.ph-heading-project-compact .ph-project-back-button{min-height:40px;padding:9px 14px;border-radius:12px;background:#fff;border:1px solid rgba(91,67,119,.14);box-shadow:0 8px 24px rgba(37,27,57,.055)}@media(max-width:700px){.ph-heading-project-compact{min-height:38px;margin-bottom:7px}.ph-heading-project-compact .ph-project-back-button{min-height:36px;padding:7px 11px;font-size:12px}}.stx-project-detail-shell{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cp-shell[dir=rtl] .ph-heading-project-compact,.project-hub[dir=rtl] .ph-heading-project-compact{justify-content:flex-start}.cp-shell[dir=rtl] .ph-heading-project-compact .ph-project-back-actions,.project-hub[dir=rtl] .ph-heading-project-compact .ph-project-back-actions{margin-inline-start:auto;margin-inline-end:0}.stx-stage-locked.is-actionable{border-color:rgba(78,161,122,.28);background:linear-gradient(135deg,rgba(238,250,244,.96),rgba(248,246,255,.94));color:#265f49}.stx-stage-locked.is-actionable svg{color:#2d9a6e}.ph-member-manage-btn{position:relative;float:left;clear:both;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;border-radius:14px;border:1px solid rgba(108,74,214,.24)!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,241,255,.98))!important;color:#4a2da1!important;box-shadow:0 10px 24px rgba(74,45,161,.14),inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}.ph-member-manage-btn:hover{transform:translateY(-1px);border-color:rgba(108,74,214,.36)!important;box-shadow:0 14px 30px rgba(74,45,161,.18),inset 0 1px 0 rgba(255,255,255,.98)}.ph-member-manage-btn:before{content:"";position:absolute;top:-35%;bottom:-35%;left:-34%;width:36%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.15) 20%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.15) 80%,transparent);transform:skewX(-22deg) translateX(0);transition:transform .85s ease;pointer-events:none}.ph-member-manage-btn:hover:before{transform:skewX(-22deg) translateX(380%)}.ph-member-manage-btn svg{width:16px;height:16px}.ph-member-name-row{gap:8px}.ph-manager-crown{width:30px;height:30px;flex:0 0 30px;color:#a77a14;background:linear-gradient(135deg,#fff9df,#f4d985);border:1px solid rgba(190,145,35,.3);box-shadow:0 5px 14px rgba(171,126,21,.18),inset 0 1px 0 rgba(255,255,255,.95)}.ph-manager-crown:after{inset:-35%;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.85) 50%,transparent 64%);transform:translateX(-70%) rotate(12deg);animation:phCrownShine 3.8s ease-in-out infinite}@keyframes phCrownShine{0%,65%,to{transform:translateX(-70%) rotate(12deg);opacity:0}72%{opacity:1}88%{transform:translateX(70%) rotate(12deg);opacity:0}}.ph-member-name-row{display:flex;align-items:center;gap:9px}.ph-member-name-row h3{margin:0}.ph-manager-crown{position:relative;width:31px;height:31px;display:inline-grid;place-items:center;flex:0 0 31px;overflow:hidden;border-radius:10px;color:#9d7114;background:linear-gradient(135deg,#fff9dc,#f6df96 52%,#e7bf4f);border:1px solid rgba(177,130,24,.32);box-shadow:0 7px 17px rgba(158,112,18,.18),inset 0 1px 0 rgba(255,255,255,.95)}.ph-manager-crown svg{position:relative;z-index:2}.ph-manager-crown:after{content:"";position:absolute;top:-50%;bottom:-50%;left:-55%;width:42%;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(255,255,255,.08) 25%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.08) 75%,transparent);transform:skewX(-20deg);animation:phManagerCrownShine 4s ease-in-out infinite}@keyframes phManagerCrownShine{0%,62%,to{left:-55%;opacity:0}68%{opacity:1}86%{left:120%;opacity:0}}@media (prefers-reduced-motion:reduce){.ph-manager-crown:after{animation:none}}.stx-system-footer{width:100%;margin:14px 0 4px;padding:0;color:#687084;font-size:10px;font-weight:400;line-height:1.45}.stx-system-footer__content{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px 18px;padding:9px 14px;border:1px solid #e1deeb;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,249,253,.96));box-shadow:0 6px 18px rgba(26,20,48,.035)}.stx-system-footer__identity,.stx-system-footer__links,.stx-system-footer__meta{display:flex;align-items:center;gap:8px;min-width:0}.stx-system-footer__ownership,.stx-system-footer__version{color:var(
    --stx-system-footer-color,var(--stx-sidebar-first,#241943)
  )}.stx-system-footer__ownership{font-weight:600}.stx-system-footer__version{white-space:nowrap;font-weight:500}.stx-system-footer__updated b,.stx-system-footer__version b{font:inherit;font-weight:500}.stx-system-footer__separator{width:1px;height:16px;background:#ddd9e7}.stx-system-footer__links{white-space:nowrap}.stx-system-footer__links a{color:#656c7d;font:inherit;text-decoration:none;transition:color .16s ease,opacity .16s ease}.stx-system-footer__links a:hover{color:var(
    --stx-system-footer-color,var(--stx-sidebar-first,#241943)
  )}.stx-system-footer__links>span{color:#c4c6ce}.stx-system-footer__meta{justify-content:flex-end;white-space:nowrap}.stx-system-footer__updated{color:#747b8c}.stx-system-footer__status{display:inline-flex;align-items:center;gap:7px;color:#586071}.stx-system-footer__status-dot{position:relative;width:7px;height:7px;flex:0 0 7px;border-radius:999px;background:#20b15a}.stx-system-footer__status-dot:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(32,177,90,.4);border-radius:inherit;animation:stx-system-status-pulse 1.8s ease-out infinite}@keyframes stx-system-status-pulse{0%{opacity:.8;transform:scale(.6)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}@media (max-width:1050px){.stx-system-footer__content{flex-wrap:wrap}.stx-system-footer__identity{flex:1 1 auto}.stx-system-footer__meta{margin-inline-start:auto}}@media (max-width:700px){.stx-system-footer{font-size:9.5px}.stx-system-footer__content{align-items:flex-start;padding:10px 12px}.stx-system-footer__identity,.stx-system-footer__links,.stx-system-footer__meta{width:100%;flex-wrap:wrap}.stx-system-footer__meta{justify-content:flex-start;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.stx-system-footer__status-dot:after{animation:none}}.stx-shell.stx-employee-shell .stx-main{display:flex!important;flex-direction:column;min-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}.stx-employee-shell .stx-main>:not(.stx-system-footer){flex-shrink:0}.stx-shell.stx-employee-shell .stx-main>:not(.stx-system-footer){width:100%;box-sizing:border-box}.stx-shell.stx-employee-shell .stx-main>.stx-dashboard{margin-block:0}.stx-employee-shell .stx-system-footer{position:static;width:100%;margin:24px 0 0;flex-shrink:0}.stx-employee-shell .stx-main>.stx-system-footer{margin-top:auto;padding:8px 0 calc(6px + env(safe-area-inset-bottom));background:transparent}.stx-employee-shell .stx-main>.stx-workspace-toolbar{position:sticky;top:0;z-index:60}.stx-employee-shell .stx-main>.stx-workspace-toolbar .stx-command-bar{position:static}.stx-employee-shell .stx-system-footer__content{background:#fff}.cp-shell:not(.cp-embedded)>.cp-main{display:flex;flex-direction:column;min-height:100dvh}.cp-shell:not(.cp-embedded)>.cp-main>.cp-content{flex:1 0 auto;display:flex;flex-direction:column;width:100%;box-sizing:border-box;margin:0 auto}.cp-shell:not(.cp-embedded)>.cp-main>.cp-content>.stx-system-footer{margin-top:auto;padding-top:28px}