:root{--green: #12382C;--green-soft: #1B4A3B;--ivory: #F4EFE6;--copper: #A8642F;--copper-dark: #92561F;--saffron: #C99334;--clay: #9C3D2E;--ink: #1E2A22;--ink-mid: #4A5449;--ink-soft: #6E7263;--line: #D9D3C0;--card: #FCFAF4;--head-bg: #EFE8DA;--col-bg: #EDE6D8;--r-sm: 4px;--r-lg: 10px;--notch: 16px;--rowpad: 13px;--f-body: "IBM Plex Sans Arabic", sans-serif;--f-head: "Alexandria", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--f-body);color:var(--ink-mid);background:var(--ivory);font-size:13.5px}h1,h2,h3{font-family:var(--f-head);color:var(--green)}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}.panel.pad{padding:18px 20px 20px}.notched{clip-path:polygon(0 0,100% 0,100% 100%,var(--notch) 100%,0 calc(100% - var(--notch)))}.sec-head{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.sec-head h3{margin:0;font:700 15px/1.6 var(--f-head);color:var(--green)}.sec-head .rule{width:26px;height:2px;background:var(--copper)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;flex-wrap:wrap}.page-head .titles{display:flex;flex-direction:column;gap:7px}.page-head h2{margin:0;font:700 24px/1.5 var(--f-head);color:var(--green)}.page-head .rule{width:34px;height:2px;background:var(--copper)}.page-head .meta{font-size:12.5px;color:var(--ink-soft)}.btn.icon{display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:9px 14px}.searchbox{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 10px;min-width:240px;color:var(--ink-soft)}.searchbox input{border:0;background:transparent;outline:none;width:100%;font-family:var(--f-body);font-size:12.5px;color:var(--ink-mid)}.searchbox svg{flex:none}.filter{border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);padding:8px 12px;font-family:var(--f-body);font-size:12.5px;color:var(--green);cursor:pointer;outline:none}.filter:hover,.filter:focus{border-color:var(--copper);color:var(--copper)}.sortnote{margin-inline-start:auto;font-size:12px;color:var(--ink-soft)}.bulkbar{display:flex;align-items:center;gap:14px;background:var(--green);border-radius:var(--r-lg);padding:11px 16px;color:var(--ivory);flex-wrap:wrap;margin-bottom:12px}.bulkbar .count{font-size:12.5px;font-weight:600}.bulkbar .divider{width:1px;height:18px;background:#f4efe640}.bulkbar .bbtn{border:1px solid rgba(244,239,230,.3);background:transparent;color:var(--ivory);border-radius:var(--r-sm);padding:6px 12px;font-family:var(--f-body);font-size:12.5px;cursor:pointer;outline:none}.bulkbar .bbtn.primary{border:0;background:var(--copper);color:#fdf9f1;font-weight:600}.bulkbar .bbtn:disabled{opacity:.5;cursor:default}.bulkbar .clear{margin-inline-start:auto;border:0;background:transparent;color:#d8a88c;font-family:var(--f-body);font-size:12.5px;cursor:pointer}.btn{background:var(--copper);color:#fff;border:1px solid var(--copper);border-radius:var(--r-sm);padding:8px 16px;font-family:var(--f-body);font-size:12.5px;cursor:pointer}.btn:hover{background:var(--copper-dark)}.btn.ghost{background:transparent;color:var(--ink-mid);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--copper);color:var(--copper);background:transparent}.btn.danger{background:transparent;color:var(--clay);border:1px solid var(--line)}.btn.danger:hover{border-color:var(--clay)}.btn.sm{padding:5px 10px;font-size:11.5px}.btn.dashed{border:1px dashed #C9C1A9;background:transparent;color:var(--ink-soft);border-radius:var(--r-sm);padding:8px;font-size:12px;width:100%;cursor:pointer}.btn.dashed:hover{border-color:var(--copper);color:var(--copper)}.iconbtn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:transparent;border-radius:var(--r-sm);color:var(--green);cursor:pointer}.iconbtn:hover{border-color:var(--copper);color:var(--copper)}.toolbar{display:flex;gap:8px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.toolbar .grow{flex:1}.input,select.input{padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);font-family:var(--f-body);font-size:12.5px;color:var(--ink-mid);outline:none}.input:focus{border-color:var(--copper)}.gtable{overflow:hidden}.gtable .ghead{display:grid;background:var(--head-bg);font-size:11.5px;color:var(--ink-soft);border-bottom:1px solid var(--line)}.gtable .ghead span{padding:10px 12px}.gtable .grow-line{display:grid;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-mid);align-items:center;background:var(--card)}.gtable .grow-line:last-child{border-bottom:0}.gtable .grow-line:hover{background:#f7f2e7}.gtable .grow-line>span{padding:var(--rowpad) 12px;min-width:0}.gtable .strong{font-weight:600;color:var(--ink)}.chip{display:inline-block;font-size:11px;padding:1px 8px;border-radius:var(--r-sm);border:1px solid transparent}.chip.new{background:#f7f0e7;border-color:#ded7c4;color:var(--ink-mid)}.chip.contacted{background:#f7ebdd;border-color:#dfc5a8;color:var(--copper)}.chip.qualified{background:#e4eae4;border-color:#b9c8bc;color:var(--green)}.chip.converted{background:var(--green);border-color:var(--green);color:var(--ivory)}.chip.lost{background:#f5e7e4;border-color:#d9b4ac;color:var(--clay)}.chip.stale{background:#f5e7cb;border-color:#e2cd9c;color:#7a5a1e}.chip.overdue{background:#f5e7e4;border-color:#d9b4ac;color:var(--clay)}.check{width:14px;height:14px;border:1.5px solid #A79E85;border-radius:4px;accent-color:var(--green);cursor:pointer}.overlay{position:fixed;inset:0;background:#1e2a2273;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{background:var(--card);border-radius:var(--r-lg);width:460px;max-width:92vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;overflow-x:hidden}.dhead{background:var(--green);padding:18px 22px;display:flex;align-items:flex-start;gap:14px}.dtitles{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.dhead h3{margin:0;font:700 18px/1.4 var(--f-head);color:var(--ivory)}.dhead .drule{width:30px;height:2px;background:var(--copper)}.dhead .dsub{font-size:12px;color:#a9b8af}.dclose{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(244,239,230,.3);background:transparent;color:var(--ivory);border-radius:var(--r-sm);cursor:pointer}.dclose:hover{border-color:var(--copper);color:var(--copper)}.dbody{padding:20px 22px;display:flex;flex-direction:column}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field:last-child{margin-bottom:0}.field label{font-size:12px;color:var(--ink-mid)}.field .input{width:100%;background:#f7f3ea;padding:9px 12px;font-size:13px}.field .input:focus{background:var(--card)}.dfoot{padding:14px 22px 18px;display:flex;gap:10px;border-top:1px solid var(--line);background:#f7f3ea}.dfoot .btn{font-weight:600}.empty{padding:40px;text-align:center;color:var(--ink-soft);font-size:12.5px}.soon{padding:80px 0;text-align:center;color:var(--ink-soft)}.soon .big{font:600 18px/1.6 var(--f-head);color:var(--ink);margin-bottom:8px}.field .input.invalid{border-color:var(--clay);background:#fdf6f4}.field .input.invalid:focus{border-color:var(--clay)}.field .err{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;color:var(--clay);line-height:1.6;margin-top:-2px}.field .hint{font-size:11px;color:var(--ink-soft);line-height:1.6}.pwchecks{display:flex;flex-direction:column;gap:5px;margin-top:4px}.pwcheck{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-soft)}.pwcheck .dot{width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center}.pwcheck.ok{color:var(--green)}.pwcheck.ok .dot{background:#e4eae4;border-color:#b9c8bc}.filter{font-weight:600;color:var(--ink)}.filter option{font-weight:500;color:var(--ink);background:var(--card)}.bulkbar .bbtn{font-weight:600;color:var(--ivory);background:#f4efe624;border-color:#f4efe666}.bulkbar .bbtn option{color:var(--ink);background:var(--card);font-weight:500}.bulkbar .bbtn.primary{background:var(--copper);border-color:var(--copper);color:#fdf9f1}.gtable .ghead>span,.gtable .grow-line>span{text-align:start}.gtable .grow-line>span[dir=ltr]{text-align:right}