:root{--brand:#22408f;--on-brand:#fff;--action:#b8561a;--star:#fbc83c;--star-ink:#8a6200;--surface:#fff;--background:#f5f7fa;--pressed:#e6ebf2;--line:#d3dae5;--line-soft:#e6ebf2;--ink:#142033;--ink-muted:#4f5d73;--success:#17855a;--warning:#9a5c00;--danger:#c8312b;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--font:"IBM Plex Sans Arabic", system-ui, sans-serif;--display:"Baloo Bhaijaan 2", var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--background);color:var(--ink);font-family:var(--font);margin:0;font-size:15px}a{color:var(--brand)}a:hover{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}.boot{color:var(--ink-muted);padding:40px}.shell{min-height:100vh;display:flex}.side{background:var(--brand);width:232px;color:var(--on-brand);flex-direction:column;flex-shrink:0;gap:4px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.side-logo{align-self:flex-start;width:auto;height:76px;margin:0 12px 4px}.side-role{opacity:.75;padding:0 12px 14px;font-size:12px}.side-nav{flex-direction:column;gap:4px;display:flex}.side-nav a,.side-nav .off{border-radius:var(--radius-sm);color:#fffc;justify-content:space-between;align-items:center;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.side-nav a:hover{color:var(--on-brand);background:#ffffff14}.side-nav a.on{color:var(--on-brand);background:#ffffff24;font-weight:600}.side-nav .off{color:#ffffff73;cursor:default}.side-nav .off small{font-size:11px}.count{background:var(--star);color:var(--ink);border-radius:999px;padding:0 7px;font-size:12px;font-weight:700}.grow{flex-grow:1}.side-admin{opacity:.85;padding:0 12px;font-size:13px}.side-out{color:var(--on-brand);text-align:start;cursor:pointer;background:0 0;border:0;padding:4px 12px 10px;font-size:13px;text-decoration:underline}.lang{gap:4px;padding:0 12px;display:flex}.lang button{color:var(--brand);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.lang button.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.lang-dark button{color:var(--on-brand);border-color:#ffffff80}.lang-dark button.on{background:var(--on-brand);color:var(--brand);border-color:var(--on-brand)}.main{flex-direction:column;flex-grow:1;gap:16px;min-width:0;padding:22px 28px 40px;display:flex}.h1{font-family:var(--display);margin:0;font-size:30px;font-weight:800;line-height:1.1}.muted{color:var(--ink-muted);margin:0;font-size:14px}.small{color:var(--ink-muted);font-size:13px}.error{color:var(--danger);margin:0;font-size:14px}.ok{color:var(--success);margin:0;font-size:14px}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:700;display:flex}.card-head a{font-size:14px;font-weight:600}.card-body{padding:12px 14px}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.stat{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.stat span{color:var(--ink-muted);font-size:13px}.stat b{font-variant-numeric:tabular-nums;font-size:26px}.stat small{color:var(--ink-muted);font-size:12px}.two{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.two.team-split{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.need{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:12px 14px;display:flex}.need:last-child{border-bottom:0}.need-text{flex-direction:column;flex-grow:1;min-width:0;display:flex}.need-text b{font-size:14px}.need-text span{color:var(--ink-muted);font-size:13px}.bar-row{grid-template-columns:120px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:5px 0;font-size:13px;display:grid}.bar{background:var(--pressed);border-radius:999px;height:8px;overflow:hidden}.bar span{background:var(--success);height:100%;display:block}.bar-row .num{color:var(--ink-muted);text-align:end}.pill{white-space:nowrap;letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.pill-brand{background:var(--brand);color:#fff}.pill-brand-soft{background:var(--pressed);color:var(--brand)}.pill-action{background:var(--action);color:#fff}.pill-action-soft{color:var(--action);background:#fbefe6}.pill-danger{background:var(--danger);color:#fff}.pill-danger-soft{color:var(--danger);background:#fbebeb}.pill-warning{color:var(--warning);background:#fff3d6}.pill-star{color:var(--star-ink);background:#fff8e6}.pill-success-soft{color:var(--success);background:#e3f2ea}.pill-muted{background:var(--pressed);color:var(--ink-muted)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{color:var(--ink-muted);text-align:start;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 14px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:10px 14px;font-size:14px}.table td.wrap{white-space:normal;min-width:160px}.table tr:last-child td{border-bottom:0}.table tbody tr.link{cursor:pointer}.table tbody tr.link:hover td{background:var(--background)}.table tbody tr.on td{background:#eef2fa}.table .muted-cell{color:var(--ink-muted)}.empty{color:var(--ink-muted);padding:18px 14px;font-size:14px}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--line);background:var(--surface);white-space:nowrap;justify-content:center;align-items:center;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-go{background:var(--success);color:#fff;border:0;padding:12px 28px;font-weight:700}.btn-outline{border:2px solid var(--brand);color:var(--brand);padding:11px 20px}.btn-danger{color:var(--danger)}.btn-sm{border:1px solid var(--brand);color:var(--brand);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.btn-sm.btn-primary{color:var(--on-brand)}.btn-sm.danger{border-color:var(--line);color:var(--danger)}.actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.field{color:var(--ink-muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input,.field textarea,.field select,.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:10px 12px;font-size:15px;font-weight:400}.field textarea{resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{background:var(--surface);color:var(--ink-muted);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.tabs button.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.split{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:16px;display:grid}.queue{flex-direction:column;gap:8px;display:flex}.queue button{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:start;cursor:pointer;flex-direction:column;gap:3px;padding:12px 14px;display:flex}.queue button.on{border:2px solid var(--brand);padding:11px 13px}.queue .top{justify-content:space-between;align-items:center;width:100%;display:flex}.kind{letter-spacing:.02em;font-size:12px;font-weight:700}.kind-engineer{color:var(--action)}.kind-shop{color:var(--star-ink)}.kind-payment{color:var(--success)}.queue .name{font-size:15px;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.who{align-items:center;gap:16px;display:flex}.avatar{background:var(--pressed);width:72px;height:72px;color:var(--brand);object-fit:cover;border-radius:999px;flex-shrink:0;place-items:center;font-size:22px;font-weight:700;display:grid}.who-text{flex-direction:column;flex-grow:1;gap:2px;display:flex}.who-text .title{font-size:22px;font-weight:700}.chip{color:var(--ink-muted);background:var(--background);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px}.facts{flex-direction:column;display:flex}.fact{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.fact span:first-child{color:var(--ink-muted)}.fact span:last-child{text-align:end;font-weight:600}.docs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.doc{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.doc .thumb{border-radius:var(--radius-sm);background:var(--pressed);height:96px;color:var(--ink-muted);object-fit:cover;border:1px solid var(--line);place-items:center;width:100%;font-size:12px;display:grid}.doc .state{color:var(--success);font-weight:500}.doc .state.none{color:var(--warning)}.pay-grid{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.shot{object-fit:contain;border-radius:var(--radius-md);background:var(--pressed);border:1px solid var(--line);width:100%;max-height:460px}.line{justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.line.extra{color:var(--ink-muted)}.line.total{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:16px;font-weight:700}.section-title{margin:0 0 4px;font-size:15px;font-weight:700}.check{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--success);margin:0}.note-box{border-radius:var(--radius-sm);color:var(--ink-muted);background:#fff8e6;padding:10px 12px;font-size:13px}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .input{padding:8px 12px;font-size:14px}.filters .search{flex:260px;min-width:200px}.cases-split{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.case-panel{gap:14px;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}.timeline{flex-direction:column;gap:2px;display:flex}.timeline div{justify-content:space-between;gap:12px;padding:3px 0;font-size:13px;display:flex}.timeline time{color:var(--ink-muted);white-space:nowrap}.grid-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid-actions .btn{padding:10px 12px;font-size:14px}.chat{background:var(--background);border-radius:var(--radius-sm);flex-direction:column;gap:6px;max-height:320px;padding:10px;display:flex;overflow:auto}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:10px;max-width:85%;padding:6px 10px;font-size:13px}.bubble.engineer{background:#eef2fa;align-self:flex-end}.bubble small{color:var(--ink-muted);font-size:11px;display:block}.thumbs{flex-wrap:wrap;gap:6px;display:flex}.thumbs img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);width:64px;height:64px}.mini-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-stats div{background:var(--background);border-radius:var(--radius-sm);flex-direction:column;padding:8px 10px;display:flex}.mini-stats span{color:var(--ink-muted);font-size:12px}.mini-stats b{font-variant-numeric:tabular-nums;font-size:17px}a.line{color:inherit;border-bottom:1px solid var(--line-soft);text-decoration:none}a.line:hover{background:var(--background)}.form-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.form-grid .wide,.form-grid .field-pair,.form-grid .days{grid-column:1/-1}.form-grid>*,.field-pair>*{min-width:0}.form-grid input,.form-grid select{box-sizing:border-box;width:100%}.field-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.days{border:0;margin:0;padding:0}.days legend{margin-bottom:6px;padding:0}.days div{color:var(--ink);flex-wrap:wrap;gap:14px;font-weight:400;display:flex}.field .small{font-weight:400}.field.bad input,.field.bad select,.price-row.bad input{border-color:var(--danger);background:#fff5f5}.price-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.price-input{color:var(--ink-muted);align-items:center;gap:4px;display:flex}.price-input input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:96px;color:var(--ink);text-align:end;padding:6px 8px;font-size:15px}.save-card{z-index:1;position:sticky;top:16px}fieldset.plain{border:0;min-width:0;margin:0;padding:0}.secret{border-color:var(--star);background:#fffbea;gap:10px}.secret-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.secret-row code{letter-spacing:1px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 12px;font-size:20px;font-weight:700}.table td.error-cell{color:var(--danger);font-weight:600}.danger-card{border-color:#f0c4c2}.danger-card .card-head{color:var(--danger)}.btn-danger-solid{background:var(--danger);color:#fff;border:0;font-weight:700}.card-head .filters{font-weight:400}.role-editor{background:var(--background);margin-bottom:12px}.checks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;display:grid}.bad-box .checks{outline:1px solid var(--danger);border-radius:var(--radius-sm);padding:6px}.login{background:var(--brand);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;gap:14px;width:100%;max-width:380px;padding:28px;display:flex}.login-logo{align-self:center;width:auto;height:96px}.login-card .lang{justify-content:center}@media (max-width:1200px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.two,.two.team-split,.cases-split,.pay-grid{grid-template-columns:minmax(0,1fr)}.case-panel{max-height:none;position:static}}@media (max-width:800px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static}.side-logo{height:48px}.main{padding:16px}.split,.stats,.form-grid,.field-pair{grid-template-columns:minmax(0,1fr)}}.legal{max-width:760px;margin:0 auto;padding:24px 16px 60px;font-size:16px;line-height:1.65}.legal-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.legal-logo{width:auto;height:56px}.legal h2{margin:26px 0 6px;font-size:18px}.legal p{margin:6px 0}.legal-links{color:var(--ink-muted);margin-top:32px!important}
