/* Copied from /Users/admin/CompoundLabs/openjobs/src/components/app/app.module.css on 2026-10-21 by src/css.mjs.
 * Blue swapped for the OpenHealth green; nothing else changed. Do not edit: rerun the script. */

html:has(.root),body:has(.root){background:#fbfbfc;color-scheme:light}

.root{--accent:#16835b;--accent-deep:#116b4a;--accent-ink:#116b4a;--bg:#fbfbfc;--card:#fff;--ink:#15171a;--muted:#6b7079;--line:#e3e5e9;--blue:#16835b;--blue-bg:#ecf6f1;--green:#16a34a;--green-ink:#15803d;--green-bg:#dcfce7;--amber:#f59e0b;--amber-ink:#b45309;--amber-bg:#fef3c7;--red:#ef4444;--red-ink:#b91c1c;--red-bg:#fee2e2;
  
  --ring:0 0 0 1px rgba(17,24,39,.08);
  --e0:inset 0 1px 2px rgba(17,24,39,.06),inset 0 0 0 1px rgba(17,24,39,.04);
  --e1:0 0 0 1px rgba(17,24,39,.07),0 1px 1px rgba(17,24,39,.04),0 2px 3px -1px rgba(17,24,39,.07);
  --e2:0 0 0 1px #e3e5e9,0 1px 2px rgba(15,17,20,.04),0 12px 32px -20px rgba(15,17,20,.25);
  --e3:0 0 0 1px rgba(17,24,39,.07),0 8px 28px rgba(17,24,39,.08),0 12px 32px -16px rgba(17,24,39,.18);
  --e4:0 0 0 1px rgba(17,24,39,.08),0 12px 60px rgba(17,24,39,.18),0 16px 64px rgba(17,24,39,.08),0 16px 36px -20px rgba(17,24,39,.35);
  --e-blue:0 1px 1px rgba(17,107,74,.25),0 2px 6px -1px rgba(22,131,91,.35);
  
  --h-sm:28px;--h-md:32px;--h-lg:36px}
.root,.root *{box-sizing:border-box;margin:0;padding:0}
.root{background:var(--bg);color:var(--ink);font:14px/1.45 var(--oj-sans),system-ui,sans-serif;min-height:100vh}
.root a{color:inherit}
.root button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
.root i.ph{font-style:normal;line-height:1}
.root i.ph svg{display:block;width:1em;height:1em}
.root .kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;font:600 11px/1 var(--oj-mono),monospace;border-radius:5px;background:linear-gradient(#fff,#f4f5f7);color:#3c4043;vertical-align:middle;
  
  box-shadow:inset 0 -2px 0 rgba(17,24,39,.14),inset 0 1px 0 #fff,0 0 0 1px rgba(17,24,39,.16),0 1px 2px rgba(17,24,39,.16)}
.root .app{display:grid;grid-template-rows:56px 1fr 60px;height:100vh}
.root .page{display:grid;grid-template-rows:56px 1fr;min-height:100vh}
.root .top{display:flex;align-items:center;gap:18px;padding:0 22px;background:var(--card);box-shadow:0 1px 0 rgba(17,24,39,.07),0 2px 6px -2px rgba(17,24,39,.06);position:relative;z-index:2}
.root .brand{display:flex;gap:8px;align-items:center;font-weight:700;font-size:15px;text-decoration:none}
.root .brand i{color:var(--blue);font-size:20px}
.root .tabs{display:flex;gap:4px}
.root .tabs a{padding:6px 10px;border-radius:7px;color:var(--muted);text-decoration:none}
.root .tabs a.on{background:#fff;color:var(--ink);font-weight:500;box-shadow:var(--e1)}
.root .chip{margin-left:auto;display:flex;gap:7px;align-items:center;border-radius:999px;padding:5px 11px;font-size:12.5px;color:var(--muted);white-space:nowrap;background:#fff;box-shadow:var(--e1)}
.root .chip i{color:var(--blue);font-size:15px}
.root .chip b{color:var(--ink);font-weight:500}
.root .cmdk{display:flex;gap:8px;align-items:center;box-shadow:var(--e1);border-radius:8px;padding:6px 10px;color:var(--muted);width:220px}
.root .cmdk span:last-child{margin-left:auto}
.root .av{width:28px;height:28px;border-radius:50%;background:#d6ede2;display:grid;place-items:center;font-weight:600;color:var(--blue);font-size:12px}
.root .mid{display:grid;grid-template-columns:1fr;gap:18px;padding:16px 22px;min-height:0}
.root .left{display:flex;flex-direction:column;gap:14px;min-height:0}
.root .title{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.root .title > div:first-child{flex:1 1 420px;min-width:0}
@media (max-width:900px){.root .title > div:first-child{flex:0 0 auto}}
.root .title h1{font-size:20px;font-weight:500;letter-spacing:-.01em}
.root .title p{color:var(--muted)}
.root .ctl{display:flex;gap:8px;align-items:center}
.root .dens{display:flex;gap:2px;border-radius:9px;padding:3px;background:#eceef2;box-shadow:var(--e0);font-size:12.5px;height:var(--h-md)}
.root .dens button{padding:0 10px;border-radius:6px;color:var(--muted);display:flex;align-items:center}
.root .dens button:hover{color:var(--ink)}
.root .dens button.on{background:#fff;color:var(--ink);font-weight:500;box-shadow:var(--e1)}
.root .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;flex:1}

.root .col{background:#eef0f4;box-shadow:var(--e0);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}
.root .col.dense{gap:6px}
.root .col > *{flex:none}
.root .col h2{font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center;padding:4px 4px 2px;position:sticky;top:-10px;z-index:1;background:#eef0f4;margin:-10px -10px 0;padding:12px 14px 8px}
.root .col h2 .d{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #fff,0 1px 2px 3px rgba(17,24,39,.08)}
.root .col h2 small{color:var(--muted);font-weight:400}
.root .col h2 .cnt{font:600 11.5px/1 var(--oj-sans),system-ui,sans-serif;color:#4b5058;background:#fff;border-radius:999px;padding:4px 8px;box-shadow:var(--e1)}
.root .col h2 .all{margin-left:auto;font-weight:500;font-size:12px;color:var(--accent);display:flex;gap:5px;align-items:center}
.root .empty{color:var(--muted);font-size:13px;padding:6px 4px}
.root .card{background:var(--card);border-radius:12px;padding:12px 14px;cursor:pointer;display:grid;gap:10px;width:100%;box-shadow:var(--e1);transition:box-shadow .15s,transform .15s}
@media (hover: hover) and (pointer: fine) {.root .card:hover {transform:translateY(-1px);box-shadow:var(--e2);}}
.root .card.done{opacity:.7}
.root .card .ch{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.root .rt{min-width:0}
.root .tile{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;color:#fff;font:700 15px/1 var(--oj-sans),system-ui,sans-serif;background:linear-gradient(160deg,color-mix(in srgb,var(--t) 78%,#fff),var(--t) 60%,color-mix(in srgb,var(--t) 82%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(0,0,0,.08),0 1px 2px rgba(17,24,39,.18)}
.root .tile.sm{width:22px;height:22px;border-radius:6px;font-size:11px}
.root .atsl{display:inline-flex;align-items:center;gap:0;font-weight:500;font-size:12px;color:#4b5058;background:#f4f5f7;border-radius:999px;padding:2px 8px 2px 6px;margin-left:6px;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(17,24,39,.06);white-space:nowrap}
.root .atsl .atsi{margin-right:5px;vertical-align:0}
.root .card.sel{box-shadow:0 0 0 2px var(--accent),0 0 0 6px rgba(22,131,91,.12),var(--e2)}
.root .card .co{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.root .card .co small{font-weight:400;color:var(--muted)}
.root .card .role{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.root .card .why{font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;background:#f7f8fa;border-radius:8px;padding:8px 10px}
.root .card .why .okm{margin-top:0}
.root .card .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.root .r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--card);border-radius:9px;padding:6px 6px 6px 8px;min-width:0;min-height:40px;cursor:pointer;width:100%;box-shadow:var(--e1);transition:box-shadow .15s}
.root .r:hover{box-shadow:var(--e2)}
.root .r .rt{display:flex;gap:8px;align-items:baseline;min-width:0}
.root .r .co{font-weight:600;font-size:13px;white-space:nowrap;flex:0 1 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}

.root .r .open .ln{flex:1 1 0}
.root .r .co .atsl{font-size:11.5px;padding:1px 7px 1px 5px;margin-left:4px}
.root .r .co small{font-weight:400;color:var(--muted)}
.root .r .ln{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.root .r .a{display:flex;gap:4px;align-items:center}
.root .btn.okb{color:var(--accent-ink);gap:6px;padding:0 10px 0 5px}
.root .wait{display:inline-flex;gap:5px;align-items:center;height:var(--h-sm);padding:0 9px;border-radius:7px;background:var(--blue-bg);color:var(--accent-ink);font-size:12px;font-weight:500}
.root .r.sel{align-items:start;padding:10px 8px 10px 10px;box-shadow:0 0 0 2px var(--accent),0 0 0 6px rgba(22,131,91,.12),var(--e2)}
.root .r.sel .rt{display:grid;gap:3px}
.root .r.sel .co{max-width:none}
.root .r.sel .ln{white-space:normal;color:var(--ink);font-size:13px}
.root .r.done{opacity:.65}

.root .card,.root .r{position:relative}
.root .open{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}
.root .open::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:0}
.root .open > span{display:block}
.root .open:focus-visible{outline:none}
.root .card:has(.open:focus-visible),.root .r:has(.open:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.root .card .row,.root .r .a{position:relative;z-index:1}

.root .first{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--card);border-radius:14px;padding:18px 20px;box-shadow:var(--e1)}
.root .first h2{font-size:15px;font-weight:500}
.root .first p{color:var(--muted);font-size:13px;margin-top:2px}
.root .firstIc{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--blue-bg);color:var(--accent-ink);font-size:20px}
@media (max-width:700px){.root .first{grid-template-columns:auto minmax(0,1fr)}.root .first > :last-child{grid-column:1/-1}}

.root .btn{display:inline-flex;gap:6px;align-items:center;justify-content:center;height:var(--h-md);border:0;border-radius:8px;padding:0 12px;font-weight:500;font-size:13px;line-height:1;background:linear-gradient(#fff,#fbfbfc);color:var(--ink);white-space:nowrap;text-decoration:none;box-shadow:var(--e1),inset 0 1px 0 #fff;transition:box-shadow .12s,transform .12s,background .12s}
.root .btn:hover{box-shadow:var(--e2),inset 0 1px 0 #fff}
.root .btn:active{transform:translateY(1px);box-shadow:var(--ring),inset 0 1px 2px rgba(17,24,39,.08)}
.root .btn.sm{height:var(--h-sm);padding:0 10px;font-size:12.5px;border-radius:7px}
.root .btn.lg{height:var(--h-lg);padding:0 14px;font-size:13.5px;border-radius:9px}
.root .btn.danger{color:var(--red-ink)}
.root .btn.g,.root .btn.fix,.root .btn.ink,.root .btn.pri{color:#fff;background:linear-gradient(to bottom,#1f9a6b,var(--accent) 55%,var(--accent-deep));box-shadow:var(--e-blue),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(17,107,74,.35)}
.root .btn.g:hover,.root .btn.fix:hover,.root .btn.ink:hover,.root .btn.pri:hover{background:linear-gradient(to bottom,#24a676,#178c61 55%,var(--accent))}
.root .btn.g:active,.root .btn.fix:active,.root .btn.ink:active,.root .btn.pri:active{box-shadow:inset 0 1px 3px rgba(6,48,33,.45)}
.root .btn .kbd{height:18px;min-width:18px;font-size:10.5px}
.root .btn.g .kbd,.root .btn.fix .kbd,.root .btn.ink .kbd,.root .btn.pri .kbd{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.35)}
.root .btn.l{color:var(--accent-ink);padding:0 4px;background:none;box-shadow:none}
.root .btn.l:hover{text-decoration:underline;box-shadow:none}
.root .btn.off{color:#9a9ea5;background:#f2f3f5;box-shadow:var(--e0);cursor:not-allowed}
.root .btn.off:hover{box-shadow:var(--e0)}
.root .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}
.root .btn.off:disabled{opacity:1}
.root .btn:focus-visible,.root .dens button:focus-visible,.root .x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.root .bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
.root .panel{background:var(--card);box-shadow:var(--e1);border-radius:12px;padding:12px 14px;overflow:hidden}
.root .panel h3{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;justify-content:space-between}
.root .panel h3 a{color:var(--blue);font-weight:500;text-decoration:none;font-size:12.5px}
.root table{width:100%;border-collapse:collapse;font-size:13px}
.root td{padding:5px 0;border-bottom:1px solid var(--line)}
.root tr:last-child td{border-bottom:0}
.root td:last-child{text-align:right;color:var(--muted)}
.root .pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.root .pipe div{box-shadow:var(--e1);background:#fff;border-radius:9px;padding:9px 10px;font-size:13px}
.root .pipe div span{display:block;color:var(--muted);font-size:12px}

.root .form{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:var(--e1)}
.root .url{display:flex;gap:7px;align-items:center;padding:8px 12px;background:#f4f5f7;box-shadow:0 1px 0 var(--line);font:12px var(--oj-mono),monospace;color:var(--muted);overflow-wrap:anywhere}
.root .url a{color:inherit;text-decoration:none}
.root .fields{padding:4px 14px;display:grid;font-size:13px}
.root .f{display:grid;grid-template-columns:190px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.root .f:last-child{border-bottom:0}
.root .f span{color:var(--muted)}

.root .f.bad{grid-template-columns:190px 1fr auto}
.root .f.bad > span:first-child{color:var(--ink);font-weight:500}
.root .f input,.root .f select{font:inherit;color:inherit;border:1px solid transparent;border-radius:6px;padding:3px 6px;margin:-3px -6px;background:transparent;width:100%;min-width:0}
.root .f textarea{font:inherit;color:inherit;border:1px solid transparent;border-radius:6px;padding:3px 6px;margin:-3px -6px;background:transparent;width:100%;min-width:0;resize:vertical;line-height:1.45}
.root .f textarea:hover{border-color:var(--line)}
.root .f textarea:focus{outline:0;border-color:var(--blue);background:#fff}
.root .f input:hover,.root .f select:hover{border-color:var(--line)}
.root .f input:focus,.root .f select:focus{outline:0;border-color:var(--blue);background:#fff}
.root .diff{font-size:12.5px;color:var(--muted)}
.root .diff b{color:var(--ink);font-weight:500}
.root .lock{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
.root .mailcols{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}
.root .orig,.root .draft{box-shadow:var(--e1);background:#fff;border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.root .orig pre{max-height:420px;white-space:pre-wrap;font:13px/1.5 var(--oj-sans),system-ui,sans-serif;padding:10px 12px;overflow:auto}
.root .draft:focus-within{box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(22,131,91,.14)}
.root .draft textarea{flex:1;font:13px/1.5 var(--oj-sans),system-ui,sans-serif;border:0;padding:10px 12px;resize:none;min-height:260px;outline:0}
.root .mh{padding:8px 12px;background:#f4f5f7;box-shadow:0 1px 0 var(--line);font-size:12px;color:var(--muted)}
.root .mh b{color:var(--ink);font-weight:500}

.root .bar{display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--card);box-shadow:0 -1px 0 rgba(17,24,39,.07),0 -6px 16px -8px rgba(17,24,39,.10);position:relative;z-index:2;min-width:0}
.root .bar > *{height:var(--h-lg);flex:none}
.root .uchip{display:flex;gap:8px;align-items:center;padding:0 4px 0 10px;border-radius:9px;background:#fff;box-shadow:var(--e1);font-size:13px;white-space:nowrap}
.root .uchip .btn{height:28px}
.root .ring{width:18px;height:18px;display:block}
.root .earn{display:flex;gap:7px;align-items:center;background:var(--blue-bg);color:#0f4a34;border-radius:9px;padding:0 11px;font-size:12.5px;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(22,131,91,.18)}
.root .earn > i.ph{color:var(--accent);font-size:15px}
.root .earn button{color:var(--accent-ink);font-weight:600;white-space:nowrap}
.root .earn .meter{width:56px;height:6px;background:#cfe8dc;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 1px rgba(17,107,74,.15)}.root .earn .meter i{display:block;height:100%;background:linear-gradient(90deg,#2f9e74,var(--accent));border-radius:3px}
.root .keys{margin-left:auto;display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12.5px;padding:0 10px;border-radius:9px;background:#f4f5f7;box-shadow:var(--e0);white-space:nowrap}
.root .keys span{display:flex;gap:3px;align-items:center}

@media (max-width:1560px){.root .bar:has(.uchip) .keys > span{font-size:0;gap:3px}.root .bar:has(.uchip) .keys .kbd{font-size:11px}}
.root .keys > span > .kbd:last-of-type{margin-right:2px}

.root .wrapx{padding:16px 22px;display:grid;gap:12px;align-content:start;max-width:1100px}
.root .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.root .settings{background:var(--card);box-shadow:var(--e1);border-radius:12px;padding:12px 14px;display:grid;gap:10px;align-content:start;font-size:13px}
.root .settings h3{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.root .settings p{color:var(--muted)}
.root .opt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.root .sw{width:32px;height:19px;border-radius:999px;background:var(--blue);position:relative;flex:none}.root .sw::after{content:"";position:absolute;right:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#fff}
.root .sw.off{background:#d6d8dc}.root .sw.off::after{right:auto;left:2px}
.root .in{display:grid;gap:4px}
.root .in label{color:var(--muted);font-size:12.5px}
.root .in input,.root .in select,.root .in textarea{font:inherit;color:inherit;border:0;border-radius:8px;padding:7px 9px;background:#fff;width:100%;box-shadow:inset 0 1px 2px rgba(17,24,39,.06),0 0 0 1px rgba(17,24,39,.12)}
.root .in input:focus,.root .in select:focus,.root .in textarea:focus{outline:0;box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(22,131,91,.16)}
.root .note{color:var(--muted);font-size:12.5px}
.root .note a{color:var(--blue)}
.root .token{font:12px var(--oj-mono),monospace;background:#f2f3f5;box-shadow:var(--e0);border-radius:7px;padding:7px 9px;overflow-wrap:anywhere}

.root .login{display:grid;place-items:center;min-height:calc(100vh - 56px);padding:22px}
.root .login .settings{width:min(400px,100%);padding:20px}
.root .login h1{font-size:20px;font-weight:500;letter-spacing:-.01em}
@media (max-width:1280px){.root .keys{display:none}}
@media (max-width:900px){.root .app{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);height:auto}.root .top{flex-wrap:wrap;padding:10px 16px;height:auto}.root .tabs,.root .cmdk{display:none}.root .chip{margin-left:0;white-space:normal}.root .mid{grid-template-columns:1fr;padding:16px}.root .left{grid-template-rows:auto}.root .title{flex-direction:column;align-items:start;gap:8px}.root .cols,.root .bottom,.root .pipe,.root .grid2,.root .mailcols{grid-template-columns:1fr}.root .col{overflow:visible}.root .f,.root .f.bad{grid-template-columns:1fr auto}.root .f span{grid-column:1/-1}.root .bar{flex-wrap:wrap;padding:12px 16px}.root .mfoot{flex-wrap:wrap}.root .mfoot .push{margin-left:0}.root .earn{flex-wrap:wrap;white-space:normal;padding:8px 12px}.root .bar > *{height:auto;min-height:var(--h-lg)}.root .uchip{flex-wrap:wrap}.root .wrapx{padding:16px}}
.root .atsi{width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:4px;display:inline-block}
.root .found{font-size:12.5px;color:var(--muted)}
.root .found a{color:var(--accent)}

.root .mark{display:block;width:28px;height:28px;flex:none}
.root .markpv{display:block;width:22px;height:22px;flex:none}
.root .markxs{display:block;width:12px;height:12px;flex:none}


.root input[type=checkbox],.root input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:16px;height:16px;margin:0;display:inline-grid;place-items:center;vertical-align:-3px;cursor:pointer;background:linear-gradient(#fff,#f7f8fa);box-shadow:0 0 0 1px rgba(17,24,39,.22),0 1px 2px rgba(17,24,39,.10),inset 0 1px 0 #fff;transition:background .12s,box-shadow .12s}
.root input[type=checkbox]{border-radius:5px}
.root input[type=radio]{border-radius:50%}
.root input[type=checkbox]:hover,.root input[type=radio]:hover{box-shadow:0 0 0 1px var(--accent),0 1px 2px rgba(17,24,39,.10),inset 0 1px 0 #fff}
.root input[type=checkbox]:checked,.root input[type=checkbox]:indeterminate,.root input[type=radio]:checked{background:linear-gradient(to bottom,#1f9a6b,var(--accent) 55%,var(--accent-deep));box-shadow:inset 0 0 0 1px rgba(17,107,74,.45),inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(17,107,74,.35)}
.root input[type=checkbox]:checked::after{content:"";width:10px;height:10px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center/contain no-repeat}
.root input[type=checkbox]:indeterminate::after{content:"";width:8px;height:2px;border-radius:1px;background:#fff}
.root input[type=radio]:checked::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 1px 1px rgba(6,48,33,.35)}
.root input[type=checkbox]:focus-visible,.root input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.root input[type=checkbox]:disabled,.root input[type=radio]:disabled{cursor:not-allowed;background:#eceef1;box-shadow:inset 0 0 0 1px rgba(17,24,39,.10)}
.root input[type=checkbox]:disabled:checked,.root input[type=radio]:disabled:checked{background:#a9d6c2;box-shadow:none}
.root .cbx{display:inline-flex;gap:8px;align-items:center;cursor:pointer;line-height:1.3}

.root .cbx.card-opt{display:flex;padding:12px;border-radius:10px;background:#fff;box-shadow:var(--e1)}
.root .cbx.card-opt:has(input:checked){box-shadow:0 0 0 1.5px var(--accent),0 4px 12px -4px rgba(22,131,91,.25)}


.root .okm{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#fff,var(--blue-bg) 70%);color:var(--accent);box-shadow:inset 0 0 0 1.25px rgba(22,131,91,.55),0 1px 2px rgba(22,131,91,.2)}
.root .okm svg{width:10px;height:10px;display:block}
.root .okm.lg{width:22px;height:22px}.root .okm.lg svg{width:12px;height:12px}
.root .okm.warn{background:radial-gradient(circle at 50% 30%,#fff,var(--red-bg) 70%);color:var(--red-ink);box-shadow:inset 0 0 0 1px rgba(239,68,68,.4),0 1px 2px rgba(239,68,68,.18)}
.root .okm.fix{background:radial-gradient(circle at 50% 30%,#fff,var(--amber-bg) 70%);color:var(--amber-ink);box-shadow:inset 0 0 0 1px rgba(245,158,11,.45),0 1px 2px rgba(245,158,11,.2)}
.root .okm.blank{background:#f4f5f7;color:#9a9ea5;box-shadow:inset 0 0 0 1px rgba(17,24,39,.14)}
.root .okm.on{background:linear-gradient(to bottom,#1f9a6b,var(--accent-deep));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(17,107,74,.35)}



.root .mscrim{position:fixed;inset:0;z-index:40;background:rgba(15,18,30,.32);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:32px 24px;animation:mfade .14s ease-out}
.root .modal{position:relative;width:min(620px,100%);max-height:min(860px,calc(100vh - 64px));display:flex;flex-direction:column;background:var(--card);border-radius:16px;box-shadow:var(--e4);overflow:hidden;animation:mrise .18s cubic-bezier(.2,.8,.2,1)}
.root .modal.sm{width:min(440px,100%)}.root .modal.lg{width:min(780px,100%)}.root .modal.xl{width:min(1080px,100%)}
.root .mhead{display:flex;align-items:center;gap:12px;padding:16px 18px;box-shadow:0 1px 0 var(--line);flex:none}
.root .mhead .mt{min-width:0;flex:1}
.root .mhead h2{font-size:16px;font-weight:500;letter-spacing:-.01em;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.root .mhead .ms{color:var(--muted);font-size:12.5px;margin-top:2px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.root .mhead .mr{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12.5px;flex:none}
.root .mbody{flex:1;min-height:0;overflow:auto;padding:16px 18px;display:grid;gap:14px;align-content:start;grid-auto-rows:max-content}
.root .mfoot{flex:none;display:flex;gap:8px;align-items:center;padding:12px 18px;background:#fafbfc;box-shadow:0 -1px 0 var(--line)}
.root .mfoot .push{margin-left:auto}
.root .x{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:#fff;box-shadow:var(--e1)}
.root .x:hover{color:var(--ink);box-shadow:var(--e2)}
@keyframes mfade{from{opacity:0}to{opacity:1}}
@keyframes mrise{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.root .mscrim,.root .modal{animation:none}}
@media (max-width:700px){.root .mscrim{padding:12px;align-items:end}.root .modal{max-height:calc(100vh - 24px)}}

.root .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.root .skel{padding:16px 22px;display:grid;gap:18px}
.root .skel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#e9ebef,#f3f4f6,#e9ebef);background-size:200% 100%;animation:ojskel 1.4s ease-in-out infinite}
.root .skelHead{display:grid;gap:10px}
.root .skelHead i:first-child{height:22px}
.root .skelCols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.root .skelCols > div{background:#eef0f4;box-shadow:var(--e0);border-radius:14px;padding:12px;display:grid;gap:10px;align-content:start;min-height:320px}
.root .skelCols > div i{height:92px;border-radius:12px;background:#fff;box-shadow:var(--e1);animation:none}
@keyframes ojskel{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.root .skel i{animation:none}}
.root .oops{max-width:520px;margin:72px auto;padding:28px;background:var(--card);border-radius:14px;box-shadow:var(--e1);display:grid;gap:10px;justify-items:start}
.root .oops h1{font-size:20px;font-weight:500;letter-spacing:-.01em}
.root .oops p{color:var(--muted)}
.root .oopsIc{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--amber-bg);color:var(--amber-ink);font-size:20px}
.root .oopsId{font:12px var(--oj-mono),monospace}
.root .oopsBtns{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}

@media (max-width:700px){
  .root .left{min-width:0}
  .root .ctl{flex-wrap:wrap}
  .root .bar > .earn{flex:1 1 100%;min-width:0}
}


.root .journey{margin:0 0 16px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:10px;display:grid;gap:16px}
.root .journey h2,.root .journey p,.root .journey ol,.root .journey li{margin:0}
.root .journey h2{font-size:14px;font-weight:500}
.root .journey ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.root .journey li{display:flex;align-items:start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:6px;font-size:12px}
.root .journey li>span:first-child{flex:none;font-variant-numeric:tabular-nums;color:var(--muted)}
.root .journey small{display:block;color:var(--muted);padding-top:4px;font-size:11px}
.root .journeyNext{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;line-height:1.5}
.root .journeyNext p{flex:1;color:var(--muted)}
.root .journeyNext a{flex:none}
@media(max-width:860px){.root .journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}.root .journeyNext{align-items:start;flex-direction:column}}
@media(max-width:480px){.root .journey{margin:0 0 12px;padding:12px}.root .journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:900px){.root .col h2{position:static}}

@media(max-width:900px){.root .cols{flex:none;align-items:start}.root .col{min-height:auto}.root .journey{flex:none}}