*{box-sizing:border-box}body{color:#1a1a1a;background:#f6f6f6;margin:0;font-family:system-ui,-apple-system,sans-serif}.app{background:#fff;max-width:480px;min-height:100vh;margin:0 auto;padding:16px}h1{font-size:1.4rem}h2{margin-top:24px;font-size:1.1rem}label{margin:12px 0 4px;font-size:.9rem;font-weight:600;display:block}input,textarea{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:16px}textarea{min-height:72px}button{color:#fff;background:#1a1a1a;border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:700;display:block}button.secondary{color:#1a1a1a;background:#eee}button:disabled{color:#666;background:#bbb}.field-error{border-color:#c00}.missing-note{color:#c00;margin-top:4px;font-size:.85rem}.banner{border-radius:8px;margin:12px 0;padding:12px;font-weight:600}.banner.ok{color:#175d17;background:#e4f5e4}.banner.err{color:#a11;background:#fde8e8}.banner.info{color:#245;background:#eaf1fb}.line-item{border:1px solid #ddd;border-radius:8px;margin-top:12px;padding:12px}.row{gap:8px;display:flex}.row>*{flex:1}.totals{text-align:right;margin-top:16px;font-size:1.05rem;line-height:1.7}.totals .grand{font-size:1.3rem;font-weight:800}.photo{border:1px solid #ddd;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex}.photo img{object-fit:cover;border-radius:6px;width:56px;height:56px}.photo .state{font-size:.85rem}.photo .retry{width:auto;margin:0;padding:6px 12px;font-size:.85rem}.status-row{border-bottom:1px solid #eee;padding:12px 0}.pill{background:#eee;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.pill.sent{color:#175d17;background:#e4f5e4}.pill.viewed{color:#245;background:#eaf1fb}.pill.replied{color:#754d12;background:#f5e9d4}.nav{gap:8px;margin-bottom:16px;display:flex}.nav button{width:auto;margin:0;padding:8px 14px;font-size:.9rem}