:root{--green: #1a7f4e;--green-light: #e6f4ec;--red: #c0392b;--amber: #b8860b;--ink: #1c1c1c;--muted: #777;--line: #e3e3e3;--bg: #f7f7f5}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}#app{max-width:720px;margin:0 auto;min-height:100vh}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 16px}button.primary{background:var(--green);color:#fff}button.ghost{background:transparent;color:var(--green);border:1px solid var(--green)}button.danger{background:transparent;color:var(--red);border:1px solid var(--red)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px;width:100%;background:#fff}.topbar{position:sticky;top:0;z-index:10;background:var(--green);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px}.topbar h1{font-size:18px;margin:0;flex:1;font-weight:600}.topbar a,.topbar button.link{color:#fff;background:none;border:none;padding:6px;text-decoration:none;font-size:15px}.page{padding:16px 16px 90px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}.progress-track{background:var(--line);border-radius:6px;height:10px;overflow:hidden}.progress-fill{height:100%;background:var(--green);transition:width .3s}.progress-fill.warn{background:var(--amber)}.progress-fill.late{background:var(--red)}.item-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:none}.item-photo{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--line);flex-shrink:0}.item-photo.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.item-name{font-weight:600}.item-sub{color:var(--muted);font-size:13px;margin-top:2px}.item-done .item-name{color:var(--green)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:44px;height:44px;padding:0;font-size:22px;background:var(--green-light);color:var(--green);border-radius:12px}.stepper .val{min-width:76px;text-align:center;font-weight:600;font-size:15px}.check-btn{width:44px;height:44px;padding:0;border-radius:12px;border:2px solid var(--line);background:#fff;font-size:22px}.check-btn.on{background:var(--green);border-color:var(--green);color:#fff}.cat-header{font-weight:700;margin:18px 0 6px;display:flex;justify-content:space-between;align-items:baseline}.cat-header .pct{color:var(--muted);font-weight:400;font-size:14px}.badge{display:inline-block;border-radius:8px;padding:2px 8px;font-size:13px}.badge.green{background:var(--green-light);color:var(--green)}.badge.amber{background:#f6ecd0;color:var(--amber)}.badge.red{background:#f7dcd7;color:var(--red)}.offline-note{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--amber);color:#fff;border-radius:10px;padding:8px 14px;font-size:14px;z-index:20}.error{color:var(--red);margin:8px 0}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.center{text-align:center}