:root{--ink:#172033;--muted:#657087;--line:#dfe4ec;--bg:#f2f5f9;--blue:#246bfd;--green:#16a36d;--g1:#e95c67;--g2:#d7ad16;--g3:#e98832;--g4:#71ad45;--g5:#249b72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px Pretendard,"Noto Sans KR",system-ui,sans-serif}.wrap{max-width:1440px;margin:auto;padding:24px 18px 60px}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}h1{font-size:1.65rem;margin:0;letter-spacing:-.04em}.date{text-align:right}.date span{display:block;color:var(--muted);font-size:.75rem}.date strong{font-size:1.05rem}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #1b263414}.summary div{padding:12px 16px;border-right:1px solid var(--line)}.summary div:last-child{border:0}.summary span{display:block;color:var(--muted);font-size:.75rem;margin-bottom:2px}.summary strong{font-size:1.08rem}.tabs{display:none;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.tab{border:0;border-radius:9px;background:#fff;padding:10px 3px;color:var(--ink);font-weight:800;box-shadow:0 1px 4px #1b263418}.tab.active{color:#fff}.tab[data-g="1"].active{background:var(--g1)}.tab[data-g="2"].active{background:var(--g2)}.tab[data-g="3"].active{background:var(--g3)}.tab[data-g="4"].active{background:var(--g4)}.tab[data-g="5"].active{background:var(--g5)}.groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.group{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #1b263410}.group-head{height:7px}.group[data-g="1"] .group-head{background:var(--g1)}.group[data-g="2"] .group-head{background:var(--g2)}.group[data-g="3"] .group-head{background:var(--g3)}.group[data-g="4"] .group-head{background:var(--g4)}.group[data-g="5"] .group-head{background:var(--g5)}.group-title{display:flex;justify-content:space-between;padding:9px 11px 5px;font-size:.78rem;color:var(--muted)}.account{position:relative;margin:6px 7px;padding:10px 42px 9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;min-height:90px;transition:.15s}.account.done{background:#edf9f4;border-color:#7bcdb0}.account.done .nick{text-decoration:line-through;color:#547269}.nick{display:block;font-weight:850;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id{display:block;color:#8992a3;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.numbers{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;margin-top:8px;align-items:end}.numbers span{font-size:.68rem;color:var(--muted)}.numbers b{font-size:.9rem}.numbers .gold{color:#996200}.actual{grid-column:1/-1;font-size:.68rem!important;color:#687286!important}.check{position:absolute;right:8px;top:9px;appearance:none;width:29px;height:29px;border:2px solid #aab3c1;border-radius:8px;background:#fff;display:grid;place-content:center;cursor:pointer}.check:checked{background:var(--green);border-color:var(--green)}.check:checked:after{content:'✓';color:#fff;font-size:1rem;font-weight:900}.edit{position:absolute;right:8px;bottom:8px;border:0;background:transparent;color:#7b8596;font-size:.7rem;padding:4px;cursor:pointer}.editbox{display:none;margin:0 7px 8px;padding:9px;background:#f5f7fa;border-radius:8px}.account.editing+.editbox{display:grid;grid-template-columns:1fr auto;gap:6px}.editbox input{width:100%;border:1px solid #cfd6e1;border-radius:7px;padding:8px;font:inherit}.save{border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:800;padding:0 12px}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;background:#172033;color:#fff;padding:10px 14px;border-radius:9px;transition:.2s;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}.error{grid-column:1/-1;background:#fff;border:1px solid #f1a4aa;color:#a22531;padding:18px;border-radius:10px;text-align:center}
@media(max-width:760px){.wrap{padding:14px 9px 40px}.top{align-items:start;margin-bottom:10px}h1{font-size:1.2rem}.date span{display:none}.date strong{font-size:.82rem}.summary{margin-bottom:9px}.summary div{padding:8px 9px}.summary span{font-size:.66rem}.summary strong{font-size:.9rem}.tabs{display:grid}.groups{display:block}.group{display:none}.group.active{display:block}.group-head{height:6px}.group-title{padding:8px 10px 3px}.account{min-height:76px;padding:9px 44px 8px 10px}.nick{font-size:1.05rem}.id{display:none}.numbers{grid-template-columns:auto auto 1fr;gap:5px;margin-top:6px;align-items:center}.numbers span{font-size:.7rem}.numbers b{font-size:.9rem}.numbers .gold{margin-right:5px}.actual{grid-column:1/-1}.check{width:34px;height:34px}.edit{bottom:5px}.account.editing+.editbox{display:grid}}