:root{--ground:#f3f3f7;--surface:#fff;--sunk:#ecebf2;--ink:#14121f;--muted:#565a6e;--faint:#85889b;--hairline:#14121f1a;--hairline-strong:#14121f29;--accent:#7c3aed;--accent-wash:#f6f2ff;--ok:#047857;--ok-wash:#e7f8f1;--warn:#b45309;--warn-wash:#fdf3e3;--bad:#c81e4c;--bad-wash:#ffe9ee;--info:#0e7490;--info-wash:#e2f6fb;--rail:#14121f;--rail-ink:#f4f3f8;--rail-muted:#a7a9be;--rail-faint:#6b6d82;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Arabic,Noto Sans Arabic,system-ui,sans-serif;font-size:14px;line-height:1.7}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.mono,.money{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:IBM Plex Mono,ui-monospace,monospace}.money{font-size:13px}.mono{font-size:12.5px}.shell{grid-template-columns:76px 232px minmax(0,1fr);min-height:100%;display:grid}.rail{background:var(--rail);color:var(--rail-muted);flex-direction:column;align-items:center;gap:14px;height:100vh;padding:14px 8px 18px;display:flex;position:sticky;top:0}.rail-mark{place-items:center;width:46px;height:46px;display:grid}.rail-mark img{display:block}.rail-sections{flex-direction:column;gap:3px;width:100%;display:flex}.rail-section{cursor:pointer;width:100%;color:var(--rail-muted);text-align:center;background:0 0;border:0;border-radius:13px;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 9px;font-size:10.5px;font-weight:500;line-height:1.1;display:flex}.rail-section:hover{color:var(--rail-ink);background:#f4f3f812}.rail-section.on{background:var(--accent);color:#fff}.rail-section.on svg{stroke-width:1.8px}.panel-nav{background:var(--surface);border-inline-start:1px solid var(--hairline);flex-direction:column;min-width:0;height:100vh;display:flex;position:sticky;top:0}.panel-nav-head{border-bottom:1px solid var(--hairline);flex-direction:column;gap:11px;padding:15px 14px 13px;display:flex}.panel-nav-head b{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.navsearch{background:var(--ground);border:1px solid var(--hairline);color:var(--faint);border-radius:9px;align-items:center;gap:7px;padding:6px 9px;display:flex}.navsearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.navsearch input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:12.5px}.navsearch input::placeholder{color:var(--faint)}.panel-nav-list{flex-direction:column;flex:1;gap:2px;padding:9px;display:flex;overflow-y:auto}.navhint{letter-spacing:.08em;color:var(--faint);padding:6px 9px 3px;font-size:10.5px;font-weight:600}.panel-nav-list a{color:var(--muted);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.panel-nav-list a:hover{background:var(--sunk);color:var(--ink)}.panel-nav-list a.active{background:var(--accent-wash);color:var(--accent);font-weight:600}.panel-nav-list a.nested{color:var(--faint);margin-inline-start:13px;font-size:13px}.panel-nav-list a.nested:hover,.panel-nav-list a.nested.active{color:var(--accent)}.panel-nav-list a .where{color:var(--faint);font-size:11px;font-weight:400}.panel-nav-list a .count{font-variant-numeric:tabular-nums;background:var(--sunk);color:var(--muted);text-align:center;border-radius:999px;min-width:22px;padding:1px 7px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.panel-nav-list a.active .count{background:var(--accent);color:#fff}.panel-now{border-top:1px solid var(--hairline);flex-direction:column;gap:1px;padding:8px 9px 10px;display:flex}.panel-now a{color:var(--faint);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;font-size:12.5px;text-decoration:none;display:flex}.panel-now a:hover{background:var(--sunk);color:var(--ink)}.panel-now a b{color:var(--muted);font-size:12.5px;font-weight:600}.panel-now a.live{color:var(--ink)}.panel-now a.live b{color:var(--warn)}.panel-nav-foot{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.panel-nav-foot .who{flex-direction:column;min-width:0;line-height:1.35;display:flex}.panel-nav-foot .who b{font-size:12.5px;font-weight:600}.panel-nav-foot .who span{color:var(--faint);font-size:11px}.panel-nav-foot button{cursor:pointer;color:var(--faint);background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.panel-nav-foot button:hover{background:var(--sunk);color:var(--ink)}.work{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--hairline);z-index:5;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar .title{flex-direction:column;line-height:1.3;display:flex}.topbar .title h1{font-size:18px;font-weight:700}.topbar .title span{color:var(--faint);font-size:12px}.topbar .actions{align-items:center;gap:8px;display:flex}.toolbar{background:var(--surface);border-bottom:1px solid #14121f14;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.tab:hover{background:var(--sunk)}.tab.on{background:var(--ink);color:#fff;font-weight:600}.tab .n{opacity:.8;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px}.searchbox{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:8px;align-items:center;gap:8px;width:280px;padding:5px 10px;display:flex}.searchbox input{background:0 0;border:0;outline:none;width:100%;font-size:12.5px}.searchbox input::placeholder{color:var(--faint)}.body{flex-direction:column;gap:18px;padding:22px 24px;display:flex}.storegrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.storegrid .panel-head .more{text-align:left;max-width:60%}.rolegrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.rolegrid .panel-head h2{align-items:center;display:flex}.scopelist{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scopelist li{color:var(--muted);background:var(--sunk);border-radius:7px;padding:3px 9px;font-size:12px}.board{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}.board-col{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;min-width:0;display:flex}.board-col>header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;display:flex}.board-col>header .n{background:var(--sunk);color:var(--muted);border-radius:999px;padding:1px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.board-cards{flex-direction:column;gap:10px;padding:12px;display:flex}.board-empty{text-align:center;color:var(--faint);margin:0;padding:18px 0;font-size:12.5px}.jobcard{border:1px solid var(--hairline);background:var(--surface);border-radius:10px;flex-direction:column;gap:7px;padding:11px 12px;display:flex}.jobcard .jobopen{cursor:pointer;text-align:start;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:0;display:flex}.jobcard .jobopen .mono{color:var(--faint)}.jobcard .jobopen b{font-size:13.5px;font-weight:600}.jobcard .jobopen:hover b{color:var(--accent)}.jobcard .jobissue{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.jobcard .jobfoot{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.jobcard .btn{justify-content:center;margin-top:2px;padding-block:5px;font-size:12.5px}.btn{border:1px solid var(--hairline-strong);color:var(--ink);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--sunk)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover:not(:disabled){background:#221f33}.btn.danger{color:var(--bad);border-color:#c81e4c59}.btn.danger:hover:not(:disabled){background:var(--bad-wash)}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid #14121f14;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.panel-head h2{font-size:14.5px;font-weight:600}.panel-head .more{color:var(--faint);font-size:12.5px}.split{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:16px;display:grid}.stack{flex-direction:column;display:flex}.gap{gap:16px}table{border-collapse:collapse;width:100%}th{text-align:right;color:var(--faint);white-space:nowrap;border-bottom:1px solid #14121f14;padding:9px 16px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid #14121f0f;padding:11px 16px;font-size:13.5px}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#faf9fd}tbody tr.selected{background:var(--accent-wash)}.state{white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.dot{border-radius:2px;flex:none;width:7px;height:7px}.pill{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.hintline{color:var(--faint);font-size:11.5px}.thumb{background:var(--sunk);border:1px solid var(--hairline);border-radius:8px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.pager{color:var(--muted);border-top:1px solid #14121f14;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;display:flex}.pagebtns{gap:6px;display:flex}.pagebtn{border:1px solid var(--hairline-strong);background:var(--surface);cursor:pointer;border-radius:7px;padding:4px 10px;font-size:12.5px}.pagebtn.on{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}.pagebtn:disabled{opacity:.45;cursor:default}.pagebtn.on{background:var(--ink);color:#fff;border-color:var(--ink)}.age{color:var(--muted);white-space:nowrap;font-size:12.5px}.nowrap{white-space:nowrap}.kv{justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.kv .k{color:var(--faint);font-size:12.5px}.kv .v{text-align:left;font-size:13px}.total{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;padding-top:10px;display:flex}.total .v{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:18px;font-weight:500}.timeline{flex-direction:column;padding:8px 16px 14px;display:flex}.step{gap:12px;display:flex}.step .rail2{flex-direction:column;align-items:center;width:14px;display:flex}.step .node{border-radius:3px;width:10px;height:10px;margin-top:6px}.step .line{background:#14121f1f;flex:1;width:2px}.step .line.done{background:var(--ok)}.step .steptext{flex-direction:column;padding-bottom:16px;display:flex}.step .steptext b{font-size:13px;font-weight:600}.step .steptext span{color:var(--faint);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11.5px}.alert-row{color:inherit;border-bottom:1px solid #14121f0f;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;text-decoration:none;display:flex}.alert-row:last-child{border-bottom:0}.alert-row:hover{background:#faf9fd}.setup-row{border:1px solid var(--hairline);background:var(--surface);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.banner-thumb{background:var(--sunk);border:1px solid var(--hairline);border-radius:8px;place-items:center;width:132px;height:56px;display:grid;overflow:hidden}.banner-thumb img{object-fit:cover;width:100%;height:100%}.preview-notification{border:1px solid var(--hairline);background:var(--ground);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.preview-icon{background:var(--accent-wash);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.media-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;padding:16px;display:grid}.media-item{border:1px solid var(--hairline);background:var(--sunk);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.media-item img{object-fit:cover;background:var(--sunk);width:100%;height:120px}.media-meta{background:var(--surface);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.thread{border-bottom:1px solid #14121f14;flex-direction:column;gap:10px;padding:16px;display:flex}.bubble{border-radius:12px;flex-direction:column;gap:4px;max-width:86%;padding:10px 14px;font-size:13.5px;display:flex}.bubble.customer{background:var(--sunk);align-self:flex-start}.bubble.support{background:var(--accent-wash);align-self:flex-end}.form-body{flex-direction:column;gap:14px;padding:16px;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dropzone{background:var(--accent-wash);cursor:pointer;border:1.5px dashed #7c3aed73;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:132px;font-size:13.5px;display:flex}.dropzone:disabled{opacity:.6;cursor:default}.row-input{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:8px;width:100%;min-width:0;padding:7px 10px;font-size:13px}.row-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.row-remove{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.row-remove:hover{color:var(--bad);background:var(--bad-wash)}.chip-add{border:1px dashed var(--hairline-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font-size:12.5px}.chip-add:hover{border-color:var(--accent);color:var(--accent)}.choice{border:1px solid var(--hairline-strong);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12.5px}.choice.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}.checkline{align-items:center;gap:8px;font-size:13.5px;display:flex}.linklike{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:11.5px;font-weight:600}.linklike:hover{text-decoration:underline}.linklike.danger{color:var(--bad)}.notice{border-radius:10px;padding:10px 14px;font-size:13.5px}.notice.bad{background:var(--bad-wash);color:var(--bad)}.notice.warn{background:var(--warn-wash);color:var(--warn)}.notice.ok{background:var(--ok-wash);color:var(--ok)}.center-note{min-height:260px;color:var(--muted);text-align:center;place-items:center;gap:10px;display:grid}.center-note .big{color:var(--ink);font-size:16px;font-weight:600}.soon{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.signin{background:var(--ground);place-items:center;min-height:100%;padding:24px;display:grid}.signin .panel{border-radius:16px;gap:18px;width:min(420px,100%);padding:28px;box-shadow:0 1px 2px #14121f0f,0 12px 32px #14121f14}.signin-head{flex-direction:column;gap:6px;display:flex}.signin-logo{width:148px;height:auto;margin-bottom:6px}.signin h1{font-size:22px}.signin p.lede{color:var(--muted);margin:0;font-size:14.5px}.signin form{flex-direction:column;gap:14px;display:flex}.signin form .btn{justify-content:center;padding-block:10px}.signin .address{color:var(--faint);text-align:center;font-size:11.5px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--hairline-strong);background:var(--surface);border-radius:9px;padding:10px 12px;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.field .hint{color:var(--faint);font-size:11.5px}@media (width<=1100px){.split{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.shell{grid-template-columns:1fr}.rail{flex-direction:row;align-items:center;gap:8px;height:auto;padding:8px 10px;position:static;overflow-x:auto}.rail-mark{border-radius:11px;flex:none;width:38px;height:38px}.rail-sections{flex-direction:row;width:auto}.rail-section{white-space:nowrap;flex-direction:row;gap:7px;width:auto;padding:7px 11px}.panel-nav{border-inline-start:0;border-bottom:1px solid var(--hairline);height:auto;position:static}.panel-nav-head{flex-direction:row;align-items:center;gap:12px}.panel-nav-head b{white-space:nowrap}.panel-nav-list{flex-direction:row;padding:8px 10px;overflow-x:auto}.panel-nav-list a{white-space:nowrap}.panel-nav-list a.nested{margin-inline-start:0}.panel-now,.panel-nav-foot{display:none}.body,.topbar,.toolbar{padding-inline:16px}.toolbar{flex-direction:column;align-items:stretch;height:auto;padding-block:10px}}