:root{--ink: #1c2430;--muted: #5c6778;--paper: #eef3ef;--card: #fffcf7;--line: #cfd8d1;--accent: #2f5d50;--warn: #9a6b2f;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;font-weight:600}.wrap{max-width:720px;margin:0 auto;padding:2rem 1.2rem 4rem}.top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.4rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.2rem;margin:.7rem 0}.login{max-width:420px;margin:14vh auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:2rem}button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.muted{color:var(--muted)}.error{color:#9a3b2f}.badge{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.75rem;background:#e4ebf4}.progress{height:8px;background:var(--line);border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent)}.task{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}