:root{color:#16181d;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7c9cff}.app-shell{background:#f5f7fb;grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.app-shell[data-language=ar]{grid-template-columns:minmax(0,1fr) 250px}.app-shell[data-language=ar] .sidebar{border-inline-start:1px solid #1d2b4a;border-inline-end:0;grid-area:1/2}.app-shell[data-language=ar] .workspace{grid-area:1/1}.sidebar{color:#f4f4ef;background:#0d1830;border-inline-end:1px solid #1d2b4a;height:100vh;padding:28px 18px;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:42px;display:flex}.brand-mark{border:1px solid #59606b;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.brand div{gap:2px;display:grid}.brand span:last-child{color:#9299a3;font-size:12px}nav{gap:5px;display:grid}.nav-item{color:#979da5;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 12px;transition:background-color .16s,color .16s;display:flex}.nav-item:hover,.nav-item-active{color:#fff;background:#1f3154}.nav-icon{color:#8fa8d7;text-align:center;width:20px}.language-toggle{color:#19243a;cursor:pointer;background:#fff;border:1px solid #c8d0df;border-radius:10px;min-height:40px;padding:8px 12px;font-weight:700}.sidebar-language-toggle{color:#dbe7ff;background:0 0;border-color:#31476d;align-items:center;gap:8px;width:100%;margin-top:28px;display:flex}.workspace{min-width:0;padding:32px clamp(18px,4vw,56px) 56px}.workspace>*,.topbar>*,.section-heading>*,.hero-panel>*,.command-center>*,.dashboard-grid>*,.panel>*,.workflow-panel>*{min-width:0;max-width:100%}.topbar-description{color:#748099;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.topbar,.section-heading,.hero-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:0;font-size:30px}h2{letter-spacing:-.025em;margin-bottom:0}.eyebrow{color:#777d84;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700}.system-status{color:#555b63;align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:#4e8757;border-radius:50%;width:8px;height:8px}.hero-panel,.workflow-panel,.panel,.command-center{background:#fff;border:1px solid #e0e6ef;border-radius:18px;box-shadow:0 12px 32px #1a2e520d}.hero-panel{margin-top:34px;padding:32px}.command-center{margin-top:18px;padding:26px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.metric-card{background:#f9fbff;border:1px solid #e4e9f1;border-radius:14px;align-content:space-between;gap:10px;min-width:0;min-height:92px;padding:16px;display:grid}.metric-card span,.attention-card span{color:#6d7890;font-size:12px}.metric-card strong{overflow-wrap:anywhere;color:#172743;font-size:20px}.attention-card{background:#fbfcfe;border:1px solid #e4e9f1;border-radius:12px;justify-content:space-between;gap:18px;min-width:0;margin-top:14px;padding:14px 16px;display:flex}.attention-dot{background:#46a47a;border-radius:50%;width:8px;height:8px;margin-inline-end:7px;display:inline-block}.hero-panel h2{overflow-wrap:anywhere;min-width:0;max-width:760px;font-size:clamp(25px,3vw,39px);line-height:1.08}.hero-meta{text-align:end;gap:4px;min-width:130px;display:grid}.hero-meta span,.section-note,.muted{color:#7b8086;font-size:13px}.workflow-panel{margin-top:18px;padding:26px}.workflow{grid-template-columns:repeat(9,minmax(90px,1fr));gap:8px;width:100%;min-width:0;max-width:100%;margin:24px 0 0;padding:0;list-style:none;display:grid;overflow-x:auto}.workflow li{background:#fff;border:1px solid #dedfda;align-content:space-between;min-width:0;min-height:86px;padding:13px;font-size:13px;font-weight:600;display:grid}.step-number{color:#9a9ea3;letter-spacing:.08em;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;margin-top:18px;display:grid}.dashboard-grid>.panel{min-width:0}.app-shell[data-active-section=overview] .dashboard-grid,.app-shell:not([data-active-section=overview]) .overview-only,.app-shell[data-active-section=opportunities] .dashboard-grid>:not(.opportunities-panel),.app-shell[data-active-section=projects] .dashboard-grid>:not(.projects-panel),.app-shell[data-active-section=customers] .dashboard-grid>:not(.customers-panel),.app-shell[data-active-section=approvals] .dashboard-grid>:not(.approvals-panel),.app-shell[data-active-section=delivery] .dashboard-grid>:not(.delivery-panel-section),.app-shell[data-active-section=revenue] .dashboard-grid>:not(.revenue-panel-section),.app-shell[data-active-section=learning] .dashboard-grid>:not(.learning-panel-section){display:none}.distribution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.distribution-card{background:#fbfcff;border:1px solid #e4e9f1;border-radius:14px;min-width:0;padding:14px}.distribution-heading,.distribution-legend,.operator-signin,.project-form-actions,.project-item-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.distribution-heading{color:#172743;justify-content:space-between;font-size:13px}.distribution-heading span{color:#7b879d;font-weight:700}.distribution-bar{background:#e8edf5;border-radius:999px;gap:2px;height:7px;margin:14px 0 10px;display:flex;overflow:hidden}.distribution-segment{background:#8ca0c4;border-radius:999px;min-width:2px}.distribution-segment.status-ready,.distribution-segment.status-validated,.distribution-segment.status-qualified{background:#3e9b78}.distribution-segment.status-draft,.distribution-segment.status-validating,.distribution-segment.status-lead{background:#d19a4b}.distribution-segment.status-cancelled,.distribution-segment.status-rejected,.distribution-segment.status-inactive{background:#c97878}.distribution-legend{color:#77839a;font-size:11px}.distribution-legend span{align-items:center;gap:4px;display:inline-flex}.distribution-legend b{color:#263957}.status-dot.status-discovered,.status-dot.status-planned{background:#8ca0c4}.status-dot.status-validating,.status-dot.status-draft,.status-dot.status-lead{background:#d19a4b}.status-dot.status-validated,.status-dot.status-ready,.status-dot.status-qualified{background:#3e9b78}.status-dot.status-rejected,.status-dot.status-cancelled,.status-dot.status-inactive{background:#c97878}.panel{padding:26px}.muted{margin-top:10px;line-height:1.6}.empty-state{color:#858a8f;text-align:center;border:1px dashed #c9ccc7;margin-top:26px;padding:28px;font-size:13px}.boundary-list{gap:0;margin:22px 0 0;display:grid}.boundary-list div{border-top:1px solid #e3e4df;justify-content:space-between;gap:18px;padding:13px 0;display:flex}.boundary-list dt{color:#737980}.boundary-list dd{text-align:end;margin:0;font-weight:600}@media (width<=900px){.app-shell,.app-shell[data-language=ar]{grid-template-columns:1fr}.sidebar{height:auto;padding:max(14px, env(safe-area-inset-top)) 14px 12px;border:0;grid-area:auto;min-width:0;position:relative}.app-shell[data-language=ar] .sidebar,.app-shell[data-language=ar] .workspace{grid-area:auto}nav{gap:6px;min-width:0;max-width:100%;padding-bottom:3px;display:flex;overflow-x:auto}.nav-item{text-align:center;flex:none;justify-content:center;min-width:92px;font-size:12px}.workspace{padding:26px 18px 42px}.dashboard-grid{grid-template-columns:1fr}.hero-panel,.workflow-panel,.command-center,.panel{min-width:0}}@media (width<=600px){.topbar,.hero-panel,.section-heading{flex-direction:column;align-items:flex-start}.hero-meta{text-align:start}.workspace{padding:16px 12px max(34px, env(safe-area-inset-bottom))}.sidebar{padding:max(10px, env(safe-area-inset-top)) 12px 10px}.brand{gap:9px;margin-bottom:10px}.brand-mark{width:34px;height:34px}nav{gap:4px;padding-bottom:1px}.nav-item{min-width:84px;min-height:44px;padding:8px 10px}.sidebar-language-toggle{margin-top:10px}.topbar{gap:12px}.topbar-description{margin-top:5px;line-height:1.45}h1{font-size:clamp(24px,7vw,30px);line-height:1.15}.metric-grid,.distribution-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:82px;padding:13px}.hero-panel,.workflow-panel,.panel,.command-center{border-radius:14px;padding:16px}.hero-panel h2{font-size:clamp(24px,7.2vw,32px);line-height:1.2}.section-heading h2,.command-center h2,.panel h2{font-size:clamp(20px,6vw,27px);line-height:1.25}.workflow{grid-template-columns:repeat(9,minmax(84px,84px))}.opportunity-item,.project-item{flex-direction:column;align-items:flex-start}.project-item-actions{width:100%}.primary-action,.project-form-actions button,.opportunity-actions button,.validation-finalize button,.language-toggle,.auth-action,.project-item-actions button,.top-language-toggle{min-height:44px}.operator-controls,.operator-signin{width:100%}.operator-signin .operator-token-field{flex:150px}}.opportunity-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.opportunity-item{border:1px solid;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.9rem 1rem;display:flex}.opportunity-item>div{gap:.25rem;min-width:0;max-width:100%;display:grid}.opportunity-item span{overflow-wrap:anywhere;font-size:.875rem}.opportunity-status{white-space:nowrap;text-transform:capitalize}.opportunity-form{gap:1rem;margin-top:1rem;display:grid}.opportunity-form label{gap:.4rem;display:grid}.opportunity-form label>span{font-size:.85rem;font-weight:600}.opportunity-form input,.opportunity-form textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.65rem;padding:.75rem}.opportunity-form textarea{resize:vertical;min-height:6rem}.primary-action{cursor:pointer;font:inherit;border:1px solid;border-radius:.65rem;justify-self:start;padding:.7rem 1rem;font-weight:700}.primary-action:disabled{cursor:not-allowed;opacity:.55}.form-error{margin:0;font-size:.9rem}.opportunity-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.opportunity-actions button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:.55rem;padding:.4rem .65rem;font-size:.8rem}.opportunity-actions button:disabled{cursor:not-allowed;opacity:.55}.validation-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.validation-item{border:1px solid;border-radius:.75rem;min-width:0;padding:.9rem 1rem}.validation-item p{margin:.6rem 0 0}.validation-heading{justify-content:space-between;gap:1rem;min-width:0;display:flex}.validation-heading span{text-transform:capitalize}.validation-form{border-top:1px solid;gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.validation-form label{gap:.4rem;display:grid}.validation-form label>span{font-size:.85rem;font-weight:600}.validation-form input,.validation-form textarea,.validation-form select{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.65rem;padding:.75rem}.validation-form textarea{resize:vertical;min-height:6rem}.validation-finalize{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.validation-finalize button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:.65rem;padding:.65rem .9rem;font-weight:600}.validation-finalize button:disabled{cursor:not-allowed;opacity:.55}.project-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.project-item{border:1px solid;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.9rem 1rem;display:flex}.project-item>div{gap:.25rem;min-width:0;max-width:100%;display:grid}.project-item span{overflow-wrap:anywhere;font-size:.875rem}.project-status{white-space:nowrap;text-transform:capitalize}.project-form{border-top:1px solid #e3e4df;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.project-form label{gap:.4rem;display:grid}.project-form label>span{font-size:.85rem;font-weight:600}.project-form input,.project-form textarea,.project-form select{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.65rem;padding:.75rem}.project-form textarea{resize:vertical;min-height:6rem}.project-form-actions{flex-wrap:wrap;gap:.6rem;display:flex}.project-form-actions button{cursor:pointer;font:inherit;border:1px solid;border-radius:.65rem;padding:.7rem 1rem}.project-form-actions button:disabled{cursor:not-allowed;opacity:.55}.project-item-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.project-item-actions button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:.55rem;padding:.4rem .65rem;font-size:.8rem}.project-item-actions button:disabled{cursor:not-allowed;opacity:.55}.pricing-form{gap:1rem;margin-top:1.25rem;display:grid}.pricing-form label{gap:.4rem;display:grid}.pricing-form label>span{font-size:.85rem;font-weight:600}.pricing-form input,.pricing-form textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:.65rem;padding:.75rem}.pricing-form textarea{resize:vertical;min-height:5rem}.pricing-context,.pricing-summary{border-bottom:1px solid #e3e4df;justify-content:space-between;gap:1rem;min-width:0;padding:.8rem 0;display:flex}.pricing-context span,.pricing-summary span{overflow-wrap:anywhere;color:#737980;min-width:0;font-size:.85rem}.pricing-summary strong{text-align:end}.operator-controls{justify-items:end;gap:8px;min-width:min(100%,360px);max-width:100%;display:grid}.operator-signin{justify-content:flex-end;align-items:end;gap:8px;min-width:0;max-width:100%;display:flex}.operator-token-field{gap:4px;display:grid}.operator-token-field>span{color:#737980;font-size:11px;font-weight:600}.operator-token-field input{color:#16181d;background:#fff;border:1px solid #c9ccc7;border-radius:7px;width:min(42vw,260px);min-width:180px;padding:8px 10px}.auth-action{color:#16181d;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #c9ccc7;border-radius:7px;padding:8px 12px;font-weight:700}.auth-action:disabled{cursor:not-allowed;opacity:.55}.auth-error{color:#8a2e2e;text-align:end;max-width:360px;margin:0;font-size:12px}.topbar h1,.section-heading h2,.panel h2,.panel h3,.panel p,.hero-panel p,.command-center p,.section-note,.muted,.form-error,.project-form label,.opportunity-form label,.validation-form label,.pricing-form label{overflow-wrap:anywhere;min-width:0;max-width:100%}.app-shell[data-active-section=overview] .dashboard-grid,.app-shell:not([data-active-section=overview]) .command-center,.app-shell[data-active-section=opportunities] .dashboard-grid>.panel:not(.opportunities-panel),.app-shell[data-active-section=projects] .dashboard-grid>.panel:not(.projects-panel),.app-shell[data-active-section=customers] .dashboard-grid>.panel:not(.customers-panel),.app-shell[data-active-section=approvals] .dashboard-grid>.panel:not(.approvals-panel),.app-shell[data-active-section=delivery] .dashboard-grid>.panel:not(.delivery-panel-section),.app-shell[data-active-section=revenue] .dashboard-grid>.panel:not(.revenue-panel-section),.app-shell[data-active-section=learning] .dashboard-grid>.panel:not(.learning-panel-section){display:none}.app-shell[data-active-section=opportunities] .dashboard-grid,.app-shell[data-active-section=projects] .dashboard-grid,.app-shell[data-active-section=customers] .dashboard-grid,.app-shell[data-active-section=approvals] .dashboard-grid,.app-shell[data-active-section=delivery] .dashboard-grid,.app-shell[data-active-section=revenue] .dashboard-grid,.app-shell[data-active-section=learning] .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-language-toggle{min-height:36px;padding:6px 10px;font-size:12px}[dir=rtl] .top-language-toggle{margin-inline-start:auto}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.operator-controls{justify-items:stretch;width:100%}.operator-signin{grid-template-columns:1fr auto;align-items:end;display:grid}.operator-token-field input{width:100%;min-width:0}.system-status,.auth-error{text-align:start}.workspace{padding-inline:12px}.hero-panel,.workflow-panel,.command-center,.panel{border-radius:14px;padding:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:82px;padding:12px}.attention-card{flex-direction:column;align-items:flex-start;gap:8px}.opportunity-item,.project-item{flex-direction:column;align-items:stretch}.project-item-actions{justify-content:flex-start}.app-shell[data-active-section=opportunities] .dashboard-grid,.app-shell[data-active-section=projects] .dashboard-grid,.app-shell[data-active-section=customers] .dashboard-grid,.app-shell[data-active-section=approvals] .dashboard-grid,.app-shell[data-active-section=delivery] .dashboard-grid,.app-shell[data-active-section=revenue] .dashboard-grid,.app-shell[data-active-section=learning] .dashboard-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.sidebar{height:auto;position:static}.sidebar-language-toggle{width:auto;margin-top:10px}}
