/* Service centre (iLab) — navy sidebar, violet accent, white cards on a cool grey page */
:root{
  --bg:#f4f5fa;--cd:#fff;--tx:#151a2d;--mu:#69708a;--ln:#e6e8f1;--ln2:#eef0f6;
  --pr:#6a4cf0;--pr2:#8a6cff;--prs:#efebff;--side:#121836;--side2:#0c1129;--sidetx:#c9cde0;
  --ok:#16a34a;--oks:#e8f8ee;--wn:#ea8a0c;--wns:#fff3e0;--am:#c88a04;--ams:#fff8dc;--ex:#e03b3b;--exs:#fdecec;--bl:#2f7cf6;--bls:#e8f1ff;--vi:#7c4ff0;--vis:#f1ebff;--gy:#8b93ab;--gys:#f0f2f7;
  color-scheme:light;
}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--pr)}
input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--ln);border-radius:10px;background:#fff;min-height:42px}
textarea{min-height:76px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--pr) 35%,transparent);border-color:var(--pr)}
label{display:block;font-size:13px;color:var(--mu);margin-bottom:12px;font-weight:500}label>input,label>select,label>textarea{margin-top:5px;color:var(--tx);font-weight:400}
:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:var(--pr);color:#fff;padding:9px 16px;font-weight:600;cursor:pointer;min-height:40px;text-decoration:none;white-space:nowrap}
.bt:hover{background:#5b3de0}.bt.gh{background:#fff;color:var(--tx);border:1px solid var(--ln)}.bt.gh:hover{border-color:#c9cde0;background:#fafbff}
.bt.x{background:var(--ex)}.bt.ok{background:var(--ok)}.bt.sm{padding:6px 12px;min-height:34px;font-size:13px;border-radius:8px}.bt:disabled{opacity:.5;cursor:default}
.mu{color:var(--mu)}.r{text-align:right}.nw{white-space:nowrap}.red{color:var(--ex)}
h1,h2,h3{margin:0;letter-spacing:-.01em}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:256px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,var(--side),var(--side2));color:var(--sidetx);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto;padding:22px 14px 14px}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px}
.brand .mk{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fff,#d9d4ff);color:var(--side);display:grid;place-items:center;font-weight:800;font-size:18px;letter-spacing:-.04em;flex:none;overflow:hidden}
.brand .mk img{width:100%;height:100%;object-fit:contain;background:#fff}
.brand b{display:block;color:#fff;font-size:24px;line-height:1;letter-spacing:-.03em}.brand small{display:block;font-size:11px;color:#aeb4cf;margin-top:4px}
.pw{margin:14px 8px 18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9aa1c0}.pw b{color:#fff;font-size:15px;display:block;letter-spacing:-.01em}
.nav{display:flex;flex-direction:column;gap:3px}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sidetx);text-decoration:none;font-size:14.5px}
.nav a svg{flex:none;opacity:.85}.nav a .ext{margin-left:auto;opacity:.6}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.on{background:linear-gradient(135deg,var(--pr),var(--pr2));color:#fff;box-shadow:0 6px 18px rgba(106,76,240,.35)}
.nav .sep{height:1px;background:rgba(255,255,255,.08);margin:10px 6px}
.sync{margin-top:auto;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.03);font-size:12px;color:#aeb4cf}
.sync b{color:#fff;font-size:13.5px;display:flex;align-items:center;gap:7px}.sync b::before{content:'';width:8px;height:8px;border-radius:50%;background:#2fd47a;box-shadow:0 0 0 3px rgba(47,212,122,.18)}
.main{min-width:0}
.top{display:flex;align-items:center;gap:16px;padding:12px 28px;background:#fff;border-bottom:1px solid var(--ln);position:sticky;top:0;z-index:20}
.top .hi b{font-size:17px;display:block}.top .hi small{color:var(--mu);font-size:13px}
.burger{display:none;border:0;background:none;padding:6px;cursor:pointer}
.srch{flex:1;max-width:440px;margin-left:auto;position:relative}
.srch input{padding-left:38px;padding-right:62px;border-radius:12px;background:#fbfbfe}
.srch>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mu)}
.srch kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:600 11px system-ui;border:1px solid var(--ln);border-radius:6px;padding:2px 6px;color:var(--mu);background:#fff}
.sres{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 18px 40px rgba(20,25,60,.14);max-height:70vh;overflow:auto;padding:6px;display:none}
.sres.on{display:block}.sres h4{margin:8px 10px 4px;font-size:11px;color:var(--mu);font-weight:600}
.sres a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--tx)}.sres a:hover,.sres a.hl{background:var(--prs)}.sres a small{color:var(--mu)}
.bell{position:relative;border:0;background:none;cursor:pointer;padding:6px;color:var(--tx)}.bell i{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:var(--ex);border:2px solid #fff}
.me{display:flex;align-items:center;gap:10px;border-left:1px solid var(--ln);padding-left:16px;position:relative}
.av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--pr2));color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}
.me button{border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600}
.menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 18px 40px rgba(20,25,60,.14);padding:6px;min-width:200px;display:none;z-index:30}
.menu.on{display:block}.menu a,.menu button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;color:var(--tx);text-decoration:none;font-weight:500}.menu a:hover,.menu button:hover{background:var(--gys)}
.pg{padding:26px 28px 40px;max-width:1500px}
.ph{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px;flex-wrap:wrap}.ph h1{font-size:30px;letter-spacing:-.02em}.ph p{margin:4px 0 0;color:var(--mu)}.ph .sp{flex:1}
.back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mu);text-decoration:none;margin-bottom:8px}.back:hover{color:var(--pr)}

/* ---------- cards ---------- */
.cd{background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(20,25,60,.04)}
.cd h2{font-size:18px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.cd h2 .sp{flex:1}.cd h2 a{font-size:13px;font-weight:500;text-decoration:none}
.g{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
.kpi{display:block;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px;text-decoration:none;color:var(--tx);transition:border-color .15s,transform .15s}
.kpi:hover{border-color:#cfc6ff;transform:translateY(-1px)}
.kpi .k{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500}.kpi .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.kpi .v{font-size:32px;font-weight:700;margin-top:10px;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px;line-height:1.1}
.kpi .v small{font-size:12px;font-weight:500;color:var(--mu);line-height:1.3}.kpi .v small b{color:var(--ok)}.kpi .v small b.dn{color:var(--ex)}
.t-vi{background:var(--vis);color:var(--vi)}.t-bl{background:var(--bls);color:var(--bl)}.t-wn{background:var(--wns);color:var(--wn)}.t-ex{background:var(--exs);color:var(--ex)}.t-ok{background:var(--oks);color:var(--ok)}.t-am{background:var(--ams);color:var(--am)}.t-gy{background:var(--gys);color:var(--gy)}
.dashrow{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-bottom:18px}
.dashrow2{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
.donut{display:flex;align-items:center;gap:22px}.donut svg{flex:none}
.leg{flex:1;display:flex;flex-direction:column;gap:10px;font-size:13.5px}.leg a{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;color:var(--tx);text-decoration:none}.leg a:hover span{color:var(--pr)}
.leg i{width:10px;height:10px;border-radius:50%}.leg em{font-style:normal;color:var(--mu);font-variant-numeric:tabular-nums}
.bars{display:flex;flex-direction:column;gap:12px}.bar{display:grid;grid-template-columns:26px 120px 1fr 34px;gap:12px;align-items:center;font-size:14px;color:var(--tx);text-decoration:none}
.bar .tr{height:10px;border-radius:6px;background:var(--gys);overflow:hidden}.bar .tr i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--pr),var(--pr2))}.bar b{text-align:right;font-variant-numeric:tabular-nums}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;text-decoration:none;color:var(--tx);font-weight:600;font-size:14px;border:1px solid transparent}
.qa a:hover{border-color:currentColor}.qa a span{color:var(--tx)}
.qa .ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;flex:none}
.wl{display:flex;flex-direction:column;gap:14px}.wl a{display:grid;grid-template-columns:38px 1fr 1.1fr 42px;gap:12px;align-items:center;text-decoration:none;color:var(--tx)}
.wl small{display:block;color:var(--mu);font-size:12px}.wl .tr{height:9px;border-radius:6px;background:var(--gys);overflow:hidden}.wl .tr i{display:block;height:100%;background:linear-gradient(90deg,var(--pr),var(--pr2));border-radius:6px}
.wl .tr i.hot{background:linear-gradient(90deg,#f59e0b,var(--ex))}.wl b{text-align:right;font-variant-numeric:tabular-nums}
.al{display:flex;flex-direction:column}.al a{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--ln2);text-decoration:none;color:var(--tx);font-size:14px}.al a:last-child{border:0}
.al .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}
.empty{color:var(--mu);font-size:14px;padding:14px 0}

/* ---------- tables ---------- */
.tw{overflow-x:auto;margin:0 -20px;padding:0 20px}
table.tb{width:100%;border-collapse:collapse;font-size:13.5px}
.tb th{text-align:left;font-size:12px;color:var(--mu);font-weight:600;padding:9px 10px;background:#f8f9fc;border-bottom:1px solid var(--ln);white-space:nowrap}
.tb td{padding:11px 10px;border-bottom:1px solid var(--ln2);vertical-align:top}.tb tr:last-child td{border-bottom:0}
.tb tr.ck{cursor:pointer}.tb tr.ck:hover td{background:#fafaff}
.tb a.jn{font-weight:600;text-decoration:none}.tb small{color:var(--mu)}
.dv{display:flex;align-items:center;gap:8px}.dv svg{flex:none;color:#4b5270}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.pill::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.s-received{background:var(--gys);color:#4b5270}.s-diagnosis{background:var(--vis);color:var(--vi)}.s-pending_approval{background:var(--ams);color:#a66f00}.s-waiting_parts{background:var(--wns);color:#c96f00}
.s-in_repair{background:var(--bls);color:var(--bl)}.s-ready{background:var(--oks);color:var(--ok)}.s-delivered{background:#eef1f5;color:#56607a}.s-cancelled{background:var(--exs);color:var(--ex)}
.tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--gys);color:#4b5270}.tag.ex{background:var(--exs);color:var(--ex)}.tag.wn{background:var(--wns);color:#c96f00}.tag.vi{background:var(--vis);color:var(--vi)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs a{padding:7px 13px;border-radius:999px;border:1px solid var(--ln);background:#fff;text-decoration:none;color:var(--tx);font-size:13px;font-weight:500}
.tabs a.on{background:var(--side);border-color:var(--side);color:#fff}.tabs a em{font-style:normal;color:var(--mu);margin-left:4px}.tabs a.on em{color:#c9cde0}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters input{max-width:320px}.filters select{max-width:220px}

/* ---------- job page ---------- */
.jhead{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.jhead h1{font-size:26px}
.acts{display:flex;flex-wrap:wrap;gap:8px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:14px}.kv dt{color:var(--mu)}.kv dd{margin:0}
.chk{display:flex;flex-wrap:wrap;gap:6px}.chk span{padding:4px 10px;border-radius:8px;background:var(--gys);font-size:13px}.chk span.y{background:var(--oks);color:#11733a}.chk span.n{background:var(--exs);color:#b02a2a}
.tl{position:relative;padding-left:22px}.tl::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--ln)}
.tl div{position:relative;padding:0 0 16px}.tl div::before{content:'';position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--pr)}
.tl div.nt::before{border-color:var(--gy)}.tl small{color:var(--mu)}.tl p{margin:3px 0 0;white-space:pre-wrap}
.pre{white-space:pre-wrap}

/* ---------- forms ---------- */
.fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.fg3{grid-template-columns:repeat(3,minmax(0,1fr))}.fg .full{grid-column:1/-1}
.step{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:14px}.step i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--prs);color:var(--pr);display:grid;place-items:center;font-size:13px}
.cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}
.cats label{margin:0;cursor:pointer}.cats input{position:absolute;opacity:0;width:1px;height:1px}
.cats span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border:1px solid var(--ln);border-radius:12px;font-size:12.5px;color:var(--tx);text-align:center;background:#fff}
.cats input:checked+span{border-color:var(--pr);background:var(--prs);color:var(--pr);font-weight:600}.cats input:focus-visible+span{outline:2px solid var(--pr)}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.opts label{margin:0;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--ln);border-radius:10px;color:var(--tx);font-weight:500;cursor:pointer;background:#fff}
.opts input{width:auto;min-height:0;margin:0;accent-color:var(--pr)}.opts label:has(input:checked){border-color:var(--pr);background:var(--prs)}
.pick{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pick button{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;border:1px solid var(--ln);border-radius:10px;background:#fff;cursor:pointer}
.pick button:hover,.pick button.on{border-color:var(--pr);background:var(--prs)}.pick small{color:var(--mu)}
.chosen{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d9d0ff;background:var(--prs);border-radius:12px;margin-bottom:12px}.chosen .sp{flex:1}
.ck1{display:flex;align-items:center;gap:8px;color:var(--tx);font-weight:500}.ck1 input{width:auto;min-height:0;margin:0;accent-color:var(--pr)}
.hint{font-size:12.5px;color:var(--mu);margin:-6px 0 12px}

/* ---------- board ---------- */
.board{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}
.col{background:#eceef6;border-radius:14px;padding:10px;min-height:200px}.col h3{font-size:13.5px;padding:4px 6px 10px;display:flex;gap:6px}.col h3 em{font-style:normal;color:var(--mu)}
.jc{display:block;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:11px 12px;margin-bottom:8px;text-decoration:none;color:var(--tx);font-size:13px}
.jc:hover{border-color:#cfc6ff}.jc b{display:block;font-size:12.5px;color:var(--pr)}.jc small{color:var(--mu);display:block;margin-top:3px}.jc.od{border-left:3px solid var(--ex)}

/* ---------- dialogs, toast, sign-in ---------- */
.dlg{position:fixed;inset:0;background:rgba(14,18,40,.45);display:flex;align-items:center;justify-content:center;z-index:60;padding:14px}
.dlg .cd{width:100%;max-width:520px;max-height:94vh;overflow:auto}.dlg .cd.w{max-width:760px}.dlg h3{font-size:19px;margin-bottom:14px}
.row2{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,16px);padding:12px 18px;border-radius:12px;background:#11733a;color:#fff;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:90;max-width:92vw}
.toast.on{opacity:1;transform:translate(-50%,0)}.toast.er{background:var(--ex)}
.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}
.lside{background:radial-gradient(700px 500px at 20% 15%,rgba(138,108,255,.45),transparent 60%),radial-gradient(600px 500px at 90% 90%,rgba(47,124,246,.3),transparent 60%),linear-gradient(160deg,var(--side),var(--side2));color:#fff;padding:48px;display:flex;flex-direction:column}
.lside .brand b{font-size:34px}.lside h2{font-size:38px;line-height:1.12;letter-spacing:-.03em;margin:auto 0 16px;max-width:520px}.lside p{color:#c9cde0;max-width:460px;margin:0 0 26px}
.lside ul{list-style:none;padding:0;margin:0 0 auto;display:grid;gap:10px;color:#dfe2f2;font-size:14.5px}.lside li{display:flex;gap:10px;align-items:center}.lside li::before{content:'';width:18px;height:18px;border-radius:50%;background:rgba(138,108,255,.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.lside .pb{margin-top:30px;font-size:12.5px;color:#9aa1c0}
.lform{display:flex;align-items:center;justify-content:center;padding:32px 20px}.lform form{width:100%;max-width:380px}.lform h1{font-size:28px;margin-bottom:6px}.lform p{margin:0 0 24px}
.lform .bt{width:100%;min-height:48px;font-size:16px;margin-top:6px}
.blk{max-width:520px;margin:12vh auto;text-align:center}

/* ---------- print: job card ---------- */
#rc{display:none}
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff}body>*:not(#rc){display:none!important}
  #rc{display:block;font-size:11.5pt;color:#000}
  #rc .hd{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:8px;margin-bottom:10px}
  #rc .hd img{max-height:52px;max-width:160px}#rc h1{font-size:20pt}#rc h2{font-size:13pt;margin:12px 0 6px}
  #rc table{width:100%;border-collapse:collapse}#rc td{border:1px solid #999;padding:5px 7px;vertical-align:top}#rc td.k{width:26%;background:#f2f2f2;font-weight:600}
  #rc .terms{font-size:9pt;margin-top:10px}#rc .sig{display:flex;justify-content:space-between;margin-top:34px}#rc .sig div{border-top:1px solid #000;width:42%;padding-top:4px;font-size:10pt}
  #rc .cut{border-top:1px dashed #000;margin:18px 0 10px;text-align:center;font-size:9pt}
}

/* ---------- small screens ---------- */
@media(max-width:1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashrow{grid-template-columns:1fr 1fr}.dashrow>.cd:last-child{grid-column:1/-1}.cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){
  .shell{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:50;transform:translateX(-100%);transition:transform .2s}.side.on{transform:none;box-shadow:0 0 0 100vmax rgba(14,18,40,.4)}
  .burger{display:block}.dashrow,.dashrow2,.g2,.g3{grid-template-columns:1fr}.top{padding:10px 16px;gap:10px}.top .hi{display:none}.me .nm{display:none}.pg{padding:18px 16px 32px}
  .login{grid-template-columns:1fr}.lside{padding:28px 20px}.lside h2{font-size:28px;margin:28px 0 12px}.lside ul{margin:0}
}
@media(max-width:620px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fg,.fg3{grid-template-columns:1fr}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}.srch kbd{display:none}.bar{grid-template-columns:22px 90px 1fr 28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.pwbox{position:relative;display:block;margin-top:5px}.pwbox input{padding-right:46px!important;margin-top:0}.pweye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--mu);cursor:pointer;border-radius:8px;padding:0}.pweye:hover{color:var(--tx);background:var(--gys)}
.shell{background:linear-gradient(90deg,var(--side2) 256px,transparent 256px)}@media(max-width:960px){.shell{background:none}}
.tb a.jn{white-space:nowrap}
@media(max-width:620px){.donut{flex-direction:column;align-items:stretch}.donut svg{align-self:center}.ph label{width:100%}}
.msel{position:relative;margin-top:5px}.msb{width:100%;text-align:left;min-height:42px;padding:9px 36px 9px 12px;border:1px solid var(--ln);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2369708a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;cursor:pointer;color:var(--tx);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msb.ph{color:var(--mu)}.msp{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 18px 40px rgba(20,25,60,.16);max-height:280px;overflow:auto;padding:6px;z-index:5}
.msp.on{display:block}.msp label{display:flex;align-items:center;gap:10px;margin:0;padding:8px 10px;border-radius:8px;color:var(--tx);font-weight:400;cursor:pointer}.msp label:hover{background:var(--prs)}.msp input[type=checkbox]{width:auto;min-height:0;margin:0;accent-color:var(--pr)}
.msadd{display:flex;gap:6px;padding:6px;border-top:1px solid var(--ln2);margin-top:4px}.msadd input{min-height:34px;padding:6px 10px}
.lbl{display:block;font-size:13px;color:var(--mu);margin-bottom:12px;font-weight:500}
.msp{position:static;margin-top:6px;box-shadow:none;max-height:240px}
.pmod{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--tx);font-size:14px}.pmod:hover{background:var(--gys)}.pmod.on{background:var(--prs);color:var(--pr);font-weight:600}.pmod em{font-style:normal;color:var(--mu);font-size:12px}
.cd h2 svg{color:#4b5270}