:root{--bg: #000;--bg-1: #0a0a0b;--bg-2: #121214;--bg-3: #1a1a1d;--line: rgba(255,255,255,.08);--line-2: rgba(255,255,255,.14);--text: #f0f0f0;--text-2: #a1a1a6;--text-3: #6e6e73;--gold: #e7b45c;--gold-2: #f3cf8e;--green: #4ade80;--red: #f87171;--blue: #60a5fa;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:14px/1.6 IBM Plex Sans Arabic,Inter,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.serif{font-family:Amiri,serif;font-weight:400}.sheen{background:linear-gradient(to left bottom,#fff 30%,#ffffff8c);-webkit-background-clip:text;background-clip:text;color:transparent}.gold{color:var(--gold);-webkit-text-fill-color:var(--gold)}.logo{display:flex;align-items:center;gap:10px;font:600 19px Inter,sans-serif;padding:4px 10px 22px}.logo i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#fff,#c9c9ce);display:grid;place-items:center}.logo i:after{content:"";width:10px;height:10px;border-radius:3px;background:var(--gold)}.logo .tag{margin-inline-start:auto;height:20px;font-size:10px}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap}.pill.g{color:var(--green);background:#4ade801f}.pill.r{color:var(--red);background:#f871711f}.pill.y{color:var(--gold-2);background:#e7b45c24}.pill.b{color:var(--blue);background:#60a5fa1f}.pill.n{color:var(--text-2);background:#ffffff0f}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:16px}.label{font-size:11px;color:var(--text-3)}.avatar{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;background:var(--bg-3);border:1px solid var(--line-2)}.stars{color:var(--gold);letter-spacing:1px;white-space:nowrap}.stars span{color:#3a3a3f}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;border-inline-end:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;background:#050506}#nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text-2);font-size:14px;border:1px solid transparent}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.on{background:var(--bg-2);color:var(--text);border-color:var(--line)}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.count{margin-inline-start:auto;font-size:11px;color:var(--gold-2);background:#e7b45c24;border-radius:6px;padding:0 7px}.sep{height:1px;background:var(--line);margin:12px 6px}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line);color:var(--text-2);font-size:13px}.main{padding:26px 32px 40px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.top h1{font-size:34px}.search{width:300px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-1);color:var(--text);padding:0 12px;font:inherit}.search:focus{outline:none;border-color:var(--gold)}.filters{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px}.filters button{padding:5px 12px;border-radius:9px;font-size:13px;color:var(--text-2)}.filters button.on{background:var(--bg-3);color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{padding:16px 18px}.kpi .v{font:500 30px Inter,sans-serif;margin:4px 0 2px}.kpi .d{font-size:12px;color:var(--text-2)}.kpi .d.up{color:var(--green)}.kpi .d.down{color:var(--red)}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start}.grid+.grid{margin-top:16px}.panel{padding:16px 18px;min-width:0}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ph h3{font-size:15px;font-weight:600}.ph a{font-size:12px;color:var(--text-3)}.ph a:hover{color:var(--text)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:start;font-weight:500;color:var(--text-3);font-size:11px;padding:8px 6px;border-bottom:1px solid var(--line)}td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:middle}tr.link{cursor:pointer}tr.link:hover td{background:#ffffff05}.who{display:flex;align-items:center;gap:10px}.who b{font-weight:500;display:block}.who small{color:var(--text-3);font-size:11px;direction:ltr;display:block;text-align:right}.need{color:var(--text-2);width:48%;max-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t{color:var(--text-3);font-size:12px;white-space:nowrap}.empty{color:var(--text-3);text-align:center;padding:30px 0}.chat{display:grid;gap:8px}.grid>.panel>.chat.short{max-height:380px;overflow-y:auto;padding-inline-end:4px}.bub{max-width:86%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.bub.u{justify-self:start;background:var(--text);color:#000;border-start-start-radius:4px}.bub.a{justify-self:end;background:var(--bg-2);border:1px solid var(--line-2);border-start-end-radius:4px}.bub.e{justify-self:center;color:var(--gold-2);font-size:11px;padding:2px}.bub time{display:block;font-size:10px;opacity:.55;margin-top:2px}.conv-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.conv-head .meta{color:var(--text-3);font-size:12px}.chart svg{width:100%;height:120px;display:block}.legend{display:flex;gap:16px;font-size:12px;color:var(--text-2)}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px}.ratings{display:grid;gap:10px}.rv{display:flex;gap:10px;align-items:flex-start;font-size:13px}.rv p{color:var(--text-2)}.lead-box{display:grid;gap:8px;font-size:13px}.lead-box p span{color:var(--text-3);display:inline-block;width:90px}.need-box{background:var(--bg-2);border:1px solid var(--line-2);border-inline-start:3px solid var(--gold);border-radius:12px;padding:12px 14px;line-height:1.8;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font-weight:500;font-size:13px}.btn.w{background:var(--text);color:#000}.btn.o{border:1px solid var(--line-2)}.loading{color:var(--text-3);padding:40px 0;text-align:center}.error{color:var(--red);padding:40px 0;text-align:center}@media(max-width:1100px){.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.side .logo{padding:4px 6px}.side .sep,.side .me{display:none}#nav{display:flex;flex-wrap:wrap}.main{padding:18px 14px}.kpis{grid-template-columns:1fr}.need{width:35%}}.lead-box .pill{justify-self:start}.reply,.convert,.project-form{display:grid;gap:10px;margin-top:14px}textarea,input:not([type=checkbox]):not([type=range]),select{width:100%;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;padding:9px 12px;resize:vertical}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--gold)}.field{display:grid;gap:6px;font-size:13px;color:var(--text-2)}.field span{display:flex;justify-content:space-between}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}input[type=range]{accent-color:var(--gold);width:100%}.btn:disabled{opacity:.5;cursor:wait}.bar{height:6px;border-radius:99px;background:var(--bg-3);overflow:hidden;min-width:80px;display:inline-block;width:100px;vertical-align:middle;margin-inline-end:8px}.bar.big{display:block;width:100%;height:10px;margin-top:10px}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(to left,#ffe1a6,var(--gold))}.upd{display:grid;gap:2px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.upd a{color:var(--gold-2)}:lang(en) .serif{font-family:"Instrument Serif",serif}:lang(en) .gold{font-style:italic}.login{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:24px 16px}.login:before,.login:after{content:"";position:absolute;width:900px;height:1400px;border-radius:45%;pointer-events:none}.login:before{inset-inline-start:-420px;bottom:-700px;transform:rotate(38deg);background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.16) 35%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.2) 60%,transparent 80%)}.login:after{inset-inline-end:-480px;top:-760px;transform:rotate(-142deg);background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.14) 30%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.18) 58%,transparent 80%)}.login .box{position:relative;z-index:1;width:min(420px,100%);text-align:center}.login .mark{width:56px;height:56px;margin:0 auto 26px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 0%,#3a3a3f,#0b0b0c 60%);border:1px solid rgba(255,255,255,.16)}.login .mark i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#fff,#c9c9ce);display:grid;place-items:center}.login .mark i:after{content:"";width:10px;height:10px;border-radius:3px;background:var(--gold)}.login h1{font-size:clamp(34px,7vw,44px);line-height:1.2}.login .sub{color:var(--text-2);margin:8px 0 28px}.login form{display:grid;gap:12px;text-align:start}.login label{font-size:13px;color:var(--text-2)}.login input{height:46px;border-radius:12px;font-size:15px;background:#0a0a0bd9}.login input.code{text-align:center;letter-spacing:.5em;font:600 22px Inter,sans-serif;direction:ltr}.login .submit{height:46px;border-radius:12px;background:var(--text);color:#000;font-weight:600;font-size:15px}.login .note{color:var(--text-3);font-size:13px;margin-top:16px;text-align:center}.login .note a{color:var(--text-2);text-decoration:underline;text-underline-offset:3px}.login .err{color:var(--red);font-size:13px;min-height:18px}.login .linkbtn{color:var(--text-2);font-size:13px;text-decoration:underline;justify-self:center}.corner{position:absolute;top:22px;z-index:2;color:var(--text-2);font-size:13px}.corner.start{inset-inline-start:28px}.corner.end{inset-inline-end:28px}.hero-card{padding:22px 24px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:420px;height:420px;inset-inline-end:-120px;top:-180px;background:radial-gradient(circle,rgba(231,180,92,.14),transparent 65%);pointer-events:none}.hero-card h2{font-size:28px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.stage{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#ffffff05}.stage .n{font-size:11px;color:var(--text-3)}.stage b{display:block;font-size:15px;margin:2px 0 6px}.stage.done{border-color:#4ade8040}.stage.now{border-color:#e7b45c80;background:#e7b45c0f}.empty-hero{text-align:center;padding:48px 24px}.empty-hero h2{font-size:34px}.empty-hero p{color:var(--text-2);margin:10px auto 24px;max-width:46ch}.new-req{display:grid;gap:10px;max-width:560px;margin:0 auto;text-align:start}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.svc{padding:16px}.svc b{display:block;margin-bottom:4px}.svc p{color:var(--text-2);font-size:13px}.req-status{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.req-status span{font-size:12px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);color:var(--text-3)}.req-status span.on{color:var(--gold-2);border-color:#e7b45c73;background:#e7b45c14}.req-status span.done{color:var(--green);border-color:#4ade804d}@media(max-width:1100px){.services{grid-template-columns:1fr 1fr}}@media(max-width:760px){.stages,.services{grid-template-columns:1fr 1fr}}