.cc-root{--bg:#eef2f6;--bg2:#f5f7fa;--card:#fff;--line:#e0e5ec;--line2:#cfd7e1;--text:#15202e;--muted:#627085;--teal:#0f9f7a;--teal-d:#0c8466;--teal-soft:#10b9811c;--violet:#6d28d9;--violet-soft:#ede9fe;--blue:#1d4ed8;--blue-soft:#e6eeff;--amber:#b45309;--amber-soft:#fff4e0;--red:#dc2626;--red-soft:#dc262614;--shadow:0 1px 2px #14202e0d,0 2px 10px #14202e0d;background:radial-gradient(900px 420px at 100% -10%,#d7f3ea 0,transparent 60%),var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:15px/1.45 Heebo,Assistant,system-ui,-apple-system,Arial,sans-serif}.cc-root *{box-sizing:border-box}.cc-root button{font:inherit;color:inherit}.cc-root button:focus-visible,.cc-root select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.cc-app{max-width:520px;padding:0 16px calc(28px + env(safe-area-inset-bottom,0px));margin:0 auto}.cc-money{font-variant-numeric:tabular-nums;white-space:nowrap}.cc-hint{color:var(--muted);font-size:12.5px}.cc-hd{z-index:10;-webkit-backdrop-filter:blur(12px);padding:calc(12px + env(safe-area-inset-top,0px))16px 10px;border-bottom:1px solid var(--line);background:#ffffffe6;margin:0 -16px;position:sticky;top:0}.cc-brand{letter-spacing:.14em;color:var(--teal);font-size:11px;font-weight:800}.cc-who{align-items:center;gap:10px;margin-top:3px;display:flex}.cc-av{color:#fff;background:linear-gradient(140deg,#10b981,#0e7490);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.cc-who b{font-size:19px;line-height:1.15;display:block}.cc-who small{color:var(--muted);font-size:12.5px}.cc-ghost{border:1px solid var(--line2);background:var(--card);cursor:pointer;border-radius:10px;margin-inline-start:auto;padding:7px 12px;font-size:13px}.cc-live{color:var(--muted);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.cc-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 0 3px var(--teal-soft);border-radius:50%}.cc-wcode-sw{border:1px solid var(--line);background:var(--card);text-align:start;cursor:pointer;width:100%;box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.cc-wcode-sw.on{background:#f0fdf7;border-color:#a7f3d0}.cc-wcode-sw:disabled{opacity:.7;cursor:wait}.cc-wcode-sw-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.cc-wcode-sw-txt b{font-size:14px}.cc-wcode-sw-txt small{color:var(--muted);font-size:12px;line-height:1.35}.cc-wcode-sw-track{background:#cbd5e1;border-radius:999px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.cc-wcode-sw.on .cc-wcode-sw-track{background:var(--teal)}.cc-wcode-sw-knob{top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0f172a33}.cc-wcode-sw.on .cc-wcode-sw-knob{transform:translate(18px)}[dir=rtl] .cc-wcode-sw.on .cc-wcode-sw-knob{transform:translate(-18px)}.cc-refresh{color:var(--teal);cursor:pointer;background:0 0;border:0;margin-inline-start:auto;font-size:12.5px;font-weight:700}.cc-weeks{align-items:center;gap:6px;margin-top:10px;display:flex}.cc-wsel{scrollbar-width:none;flex:1;gap:6px;padding:2px;display:flex;overflow-x:auto}.cc-wsel::-webkit-scrollbar{display:none}.cc-wsel button{border:1px solid var(--line2);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:7px 13px;font-size:13px}.cc-wsel button.on{background:var(--text);color:#fff;border-color:var(--text);font-weight:700}.cc-wsel button small{opacity:.65;font-size:10.5px;font-weight:400;display:block}.cc-kpis{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.cc-kpi{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:12px}.cc-kpi .t{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.cc-kpi .ic{border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.cc-kpi b{font-variant-numeric:tabular-nums;margin-top:4px;font-size:25px;line-height:1.25;display:block}.cc-i-violet{background:var(--violet-soft);color:var(--violet)}.cc-i-teal{background:var(--teal-soft);color:var(--teal-d)}.cc-i-blue{background:var(--blue-soft);color:var(--blue)}.cc-i-red{background:var(--red-soft);color:var(--red)}.cc-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.cc-card+.cc-card{margin-top:12px}.cc-ch{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px;display:flex}.cc-ch b{font-size:15px}.cc-sp{margin-inline-start:auto}.cc-sortsel{border:1px solid var(--line2);background:var(--bg2);cursor:pointer;border-radius:9px;padding:5px 8px;font-size:12px}.cc-c{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:11px 14px;display:flex}.cc-c:last-child{border-bottom:0}.cc-rank{background:var(--bg2);width:26px;height:26px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.cc-rank.g1{color:#92400e;background:#fef3c7}.cc-rank.g2{color:#4b5768;background:#e7ebf1}.cc-rank.g3{color:#92400e;background:#fae4d2}.cc-cav{color:#fff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.cc-c .t{flex:1;min-width:0}.cc-c b{font-size:14px;display:block}.cc-c .bar{background:var(--bg2);border-radius:999px;height:5px;margin-top:5px;overflow:hidden}.cc-c .bar span{border-radius:999px;height:100%;display:block}.cc-c small{color:var(--muted);margin-top:3px;font-size:11.5px;display:block}.cc-c .amt{text-align:left;flex:none}.cc-c .amt b{font-size:15px}.cc-tot{background:var(--bg2);align-items:center;gap:10px;padding:12px 14px;font-weight:800;display:flex}.cc-empty{text-align:center;color:var(--muted);padding:28px;font-size:13px}.cc-err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin:12px 0 0;padding:12px 14px;font-size:13px}.cc-settle{border-color:#cfe8dd;margin-bottom:12px}.cc-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800}.cc-badge.due{background:var(--amber-soft);color:var(--amber)}.cc-badge.paid{background:var(--teal-soft);color:var(--teal-d)}.cc-stl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.cc-stl-lines{flex-direction:column;gap:6px;min-width:0;display:flex}.cc-ln{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding-bottom:5px;font-size:13.5px;display:flex}.cc-ln:last-child{border-bottom:0;padding-bottom:0}.cc-ln span{color:var(--muted);font-size:12.5px}.cc-ln b{font-variant-numeric:tabular-nums}.cc-ln .neg{color:var(--red)}.cc-ln.muted b{color:var(--muted);font-weight:500}.cc-stl-net{text-align:center;background:linear-gradient(140deg,#e9f9f2,#e6f3ff);border:1px solid #cfe8dd;border-radius:14px;min-width:160px;padding:10px 16px}.cc-stl-net small{color:var(--muted);font-size:12px;display:block}.cc-stl-net b{color:var(--teal-d);font-size:27px;line-height:1.2;display:block}.cc-stl-act{flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 12px;display:flex}.cc-btn{border:1px solid var(--line2);background:var(--card);cursor:pointer;border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600}.cc-days{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:110px;padding:14px 14px 0;display:grid}.cc-day{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;padding:4px 0 0;display:flex}.cc-day .cc-dcnt{color:var(--muted);font-size:11px;font-weight:800;line-height:1}.cc-day .b{background:linear-gradient(#34d399,#0f9f7a);border-radius:6px 6px 0 0;width:70%;min-height:3px}.cc-day.today:not(.sel) .b{box-shadow:0 0 0 2px #0f9f7a59}.cc-day.sel{background:#6d28d91a;box-shadow:inset 0 0 0 2px #6d28d9}.cc-day.sel .cc-dcnt{color:#5b21b6}.cc-day.sel .b{background:linear-gradient(#8b5cf6,#5b21b6);box-shadow:0 5px 12px #5b21b659}.cc-day.empty .b,.cc-day.future .b{opacity:.28;background:#cbd5e1}.cc-day.sel.empty .b,.cc-day.sel.future .b{opacity:.7;background:linear-gradient(#c4b5fd,#7c3aed)}.cc-day:disabled{cursor:default}.cc-dchip{background:var(--violet-soft);color:var(--violet);border-radius:999px;align-items:center;gap:6px;padding:2px 6px 2px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.cc-dchip button{color:inherit;cursor:pointer;background:#6d28d91f;border:0;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:1}.cc-dlab{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:6px;padding:6px 14px 14px;font-size:11px;display:grid}.cc-dlab b{color:var(--text);font-size:12px;display:block}.cc-dlab small{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:10px;font-weight:600;display:block}.cc-dlab .on{background:#5b21b6;border-radius:10px;padding:4px 0 5px}.cc-dlab .on b,.cc-dlab .on small{color:#fff}.cc-dlab .future b,.cc-dlab .future small{opacity:.45}.cc-toast{top:calc(14px + env(safe-area-inset-top,0px));z-index:30;background:var(--teal);color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #14202e33}@media (max-width:640px){.cc-stl{grid-template-columns:1fr}.cc-stl-net{order:-1}}@media (min-width:880px){.cc-app{max-width:1120px;padding:0 28px 48px}.cc-hd{background:#eef2f6eb;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand live""who weeks";align-items:center;gap:8px 20px;margin:0 -28px;padding:20px 28px 14px;display:grid}.cc-brand{grid-area:brand}.cc-who{grid-area:who;margin:0}.cc-live{grid-area:live;margin:0}.cc-weeks{grid-area:weeks;margin:0}.cc-wcode-sw{grid-column:1/-1;margin-top:4px}.cc-kpis{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.cc-kpi b{font-size:28px}.cc-cols{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.cc-card+.cc-card{margin-top:0}.cc-c:hover{background:var(--bg2)}.cc-days{height:150px}}